diff --git a/review/fix-2678-tag-default-html/404.html b/review/fix-2678-tag-default-html/404.html index e42fb05b566..a995194555a 100644 --- a/review/fix-2678-tag-default-html/404.html +++ b/review/fix-2678-tag-default-html/404.html @@ -1 +1 @@ -DB UI Mono
\ No newline at end of file +DB UI Mono
\ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/accordion-item.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/accordion-item.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/accordion-item.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/accordion-item.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/accordion-item/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/accordion-item/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/accordion-item/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/accordion-item/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/accordion.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/accordion.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/accordion.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/accordion.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/accordion/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/accordion/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/accordion/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/accordion/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action/button.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action/button.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action/button.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action/button.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action/button/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action/button/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action/button/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action/button/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action/link.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action/link.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action/link.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action/link.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action/link/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action/link/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/action/link/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/action/link/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/badge.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/badge.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/badge.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/badge.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/badge/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/badge/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/badge/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/badge/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/brand.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/brand.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/brand.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/brand.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/brand/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/brand/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/brand/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/brand/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/button.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/button.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/button.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/button.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/button/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/button/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/button/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/button/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/card.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/card.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/card.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/card.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/card/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/card/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/card/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/card/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/checkbox.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/checkbox.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/checkbox.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/checkbox.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/checkbox/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/checkbox/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/checkbox/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/checkbox/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/accordion-item.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/accordion-item.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/accordion-item.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/accordion-item.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/accordion-item/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/accordion-item/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/accordion-item/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/accordion-item/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/accordion.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/accordion.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/accordion.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/accordion.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/accordion/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/accordion/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/accordion/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/accordion/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/brand.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/brand.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/brand.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/brand.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/brand/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/brand/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/brand/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/brand/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/infotext.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/infotext.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/infotext.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/infotext.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/infotext/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/infotext/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/infotext/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/infotext/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tab-item.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tab-item.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tab-item.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tab-item.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tab-item/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tab-item/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tab-item/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tab-item/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tabs.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tabs.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tabs.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tabs.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tabs/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tabs/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tabs/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tabs/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tag.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tag.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tag.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tag.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tag/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tag/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tag/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tag/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tooltip.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tooltip.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tooltip.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tooltip.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tooltip/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tooltip/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-display/tooltip/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-display/tooltip/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/checkbox.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/checkbox.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/checkbox.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/checkbox.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/checkbox/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/checkbox/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/checkbox/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/checkbox/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/input.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/input.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/input.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/input.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/input/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/input/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/input/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/input/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/radio.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/radio.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/radio.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/radio.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/radio/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/radio/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/radio/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/radio/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/select.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/select.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/select.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/select.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/select/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/select/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/select/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/select/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/switch.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/switch.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/switch.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/switch.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/switch/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/switch/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/switch/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/switch/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/textarea.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/textarea.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/textarea.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/textarea.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/textarea/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/textarea/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/data-input/textarea/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/data-input/textarea/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/divider.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/divider.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/divider.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/divider.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/divider/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/divider/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/divider/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/divider/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/drawer.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/drawer.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/drawer.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/drawer.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/drawer/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/drawer/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/drawer/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/drawer/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback/badge.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback/badge.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback/badge.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback/badge.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback/badge/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback/badge/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback/badge/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback/badge/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback/notification.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback/notification.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback/notification.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback/notification.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback/notification/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback/notification/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/feedback/notification/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/feedback/notification/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/header.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/header.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/header.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/header.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/header/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/header/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/header/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/header/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/infotext.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/infotext.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/infotext.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/infotext.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/infotext/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/infotext/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/infotext/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/infotext/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/input.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/input.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/input.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/input.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/input/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/input/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/input/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/input/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/card.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/card.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/card.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/card.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/card/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/card/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/card/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/card/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/divider.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/divider.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/divider.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/divider.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/divider/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/divider/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/divider/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/divider/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/drawer.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/drawer.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/drawer.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/drawer.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/drawer/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/drawer/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/drawer/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/drawer/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/header.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/header.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/header.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/header.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/header/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/header/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/header/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/header/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/section.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/section.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/section.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/section.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/section/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/section/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/layout/section/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/layout/section/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/link.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/link.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/link.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/link.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/link/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/link/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/link/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/link/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation-item.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation-item.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation-item.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation-item.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation-item/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation-item/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation-item/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation-item/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/navigation-item.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/navigation-item.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/navigation-item.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/navigation-item.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/navigation-item/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/navigation-item/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/navigation-item/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/navigation-item/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/navigation.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/navigation.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/navigation.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/navigation.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/navigation/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/navigation/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/navigation/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/navigation/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/navigation/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/navigation/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/notification.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/notification.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/notification.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/notification.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/notification/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/notification/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/notification/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/notification/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/popover.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/popover.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/popover.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/popover.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/popover/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/popover/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/popover/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/popover/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/radio.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/radio.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/radio.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/radio.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/radio/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/radio/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/radio/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/radio/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/section.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/section.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/section.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/section.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/section/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/section/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/section/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/section/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/select.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/select.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/select.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/select.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/select/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/select/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/select/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/select/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/switch.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/switch.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/switch.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/switch.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/switch/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/switch/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/switch/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/switch/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tab-item.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tab-item.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tab-item.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tab-item.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tab-item/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tab-item/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tab-item/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tab-item/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tabs.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tabs.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tabs.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tabs.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tabs/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tabs/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tabs/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tabs/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tag.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tag.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tag.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tag.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tag/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tag/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tag/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tag/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/textarea.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/textarea.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/textarea.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/textarea.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/textarea/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/textarea/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/textarea/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/textarea/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tooltip.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tooltip.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tooltip.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tooltip.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tooltip/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tooltip/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/tooltip/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/tooltip/overview.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/utilities.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/utilities.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/utilities.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/utilities.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/utilities/popover.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/utilities/popover.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/utilities/popover.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/utilities/popover.json diff --git a/review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/utilities/popover/overview.json b/review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/utilities/popover/overview.json similarity index 100% rename from review/fix-2678-tag-default-html/_next/data/dBReh_0w-RPjiVbVrId04/components/utilities/popover/overview.json rename to review/fix-2678-tag-default-html/_next/data/8X7vXK36AzTeaFHF3wFv2/components/utilities/popover/overview.json diff --git a/review/fix-2678-tag-default-html/_next/static/dBReh_0w-RPjiVbVrId04/_buildManifest.js b/review/fix-2678-tag-default-html/_next/static/8X7vXK36AzTeaFHF3wFv2/_buildManifest.js similarity index 81% rename from review/fix-2678-tag-default-html/_next/static/dBReh_0w-RPjiVbVrId04/_buildManifest.js rename to review/fix-2678-tag-default-html/_next/static/8X7vXK36AzTeaFHF3wFv2/_buildManifest.js index 96225ad5fc3..68d9ba410ab 100644 --- a/review/fix-2678-tag-default-html/_next/static/dBReh_0w-RPjiVbVrId04/_buildManifest.js +++ b/review/fix-2678-tag-default-html/_next/static/8X7vXK36AzTeaFHF3wFv2/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,t,s,n,a,c){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[t,n,o,s,"static/chunks/pages/index-8900efcea28b5a1d.js"],"/404":["static/chunks/pages/404-e53a0ff2c98c4a8e.js"],"/_error":["static/chunks/pages/_error-63a85f35faef16c8.js"],"/base64":[a,"static/chunks/pages/base64-2bd770f71e2c89fa.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-1fc6c1735751efd8.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-33e6a81e7047883b.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-83107bbf0b5ea40c.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-4a10e6eebced9214.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-0edb3b011338f66c.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-485e4caffa36627f.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-40551afeb49287a1.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-432dd104fef83410.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-a446d0d122b11b98.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-d22c23245a7a294d.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-4028f65357300c4d.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-a2d6724c4d612ced.js"],"/components/action/button/docs/Migration":[c,"static/chunks/pages/components/action/button/docs/Migration-de12f9bfae989f6d.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-fa3108e7885a902b.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-814c1072c56d2365.js"],"/components/action/button/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/button/how-to-use-018b95f538741377.js"],"/components/action/button/migration":[t,n,o,s,c,"static/chunks/pages/components/action/button/migration-d1d3c120de77a020.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-04600e3c7b15e99f.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-88b822afae04dcfe.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-585ecf7c5a2b5d2c.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-9a028984eae629e2.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-90ff1fa3d6acc809.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-54b8337ed41b0531.js"],"/components/action/link/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/link/how-to-use-016b6169715cd2a6.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-623fa4a230820e47.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-cd72778d31955ada.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-c30737e7341298e3.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-7dc9df0db3315343.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-149d31dcd6245af4.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-e340c954c2c9bea8.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-17e504a97de7eb4e.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-042b2ed217b48009.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-6a3c6e6133b5e38c.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-ada0975bdbf8ff42.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-53e0696cf6206d0d.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-2b150479d26135ac.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-1b56e0e5439bb0b2.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-213d9c7e455af070.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-5231d54fbe381e56.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-497e8c3861596285.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-7372b9e8bbc36196.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-0a1ea5a36c2cbd37.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-4c26f67d3e39dfd2.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-5ce602b9001e7b74.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-d05cdf36b98145fd.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-73f7b191da3370b3.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-74d3256c1a94ea7f.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-eb3de3e7b4a552d7.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-573d91a99116302f.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-17c562d84f49b9ef.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-7bca91eea5384d71.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-ef509dbecbda0971.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-2a262b02e19ac0a9.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-d946deffc8dc4cec.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-d22472fd46c10bab.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-4a56fdcf679c94a4.js"],"/components/data-display/accordion/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/how-to-use-c66c8b4f5f5667b9.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-46882ee6eacb06bd.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-781783d07fa37446.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-c69a5c3fd183c6a3.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-8ab10d6a52e0aa47.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-1ebe7c715cfdb395.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-22f1e758e9e550fe.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-b4a6cf3887aca585.js"],"/components/data-display/accordion-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/how-to-use-eb3fa5a2beab8093.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-71734c0f66b96b30.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-df8c2d864e70635f.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-6e89b998acf88afe.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-fb93107bbf302227.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-c6dca77423d8934a.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-3cc61d116bb07afa.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-1a60720cf9f75b16.js"],"/components/data-display/brand/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/brand/how-to-use-aa20d89db782bcc3.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-23d8a63915c3430b.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-70b1b4c2dbc0b221.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-c059728eec11ee9f.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-c9811fc1a84605ea.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-39c38079e4ab274d.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-0912b71676475416.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-06fac478932689cf.js"],"/components/data-display/infotext/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/how-to-use-fdc734c5f3d763ef.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-a5611d17cf777dc6.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-b9b82a7d47db7d35.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-087b40e544e806dd.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-db6420389a7d5e76.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-03583a02506c8e19.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-4b010ed96dd5a080.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-5ec24822bbfa264c.js"],"/components/data-display/tab-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/how-to-use-1875c77a1c69b8fe.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-f05a9444c0e3a389.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-b64f393e7eb5ca41.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-8ba6327f878731e7.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-c3159aee53042cd0.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-4c577e4f24dce766.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-6298e2144cc7f4dc.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-c2f34f013aa5c8a3.js"],"/components/data-display/tabs/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/how-to-use-ebb75402fd6e5f86.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-c4b4e9e75108cf76.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-9916172515f771de.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-bfa75950a31cfc2b.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-26578addbadffd69.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-30d35961860d08b5.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-4815931227dd5867.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-7c72756eb05c7a34.js"],"/components/data-display/tag/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tag/how-to-use-685cb74255c8e177.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-09398e315d9cfc03.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-d0e028382a423362.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-9c060e4f20a5b345.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-77b8e294ab7ebc08.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-e2a1b6b0aead6570.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-c90cc957fff8b261.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-42ad5cb7ec321e50.js"],"/components/data-display/tooltip/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/how-to-use-a4549c5c649be60e.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-5cfab6d1f427c81d.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-589889f8aa652d80.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-2bba3f76e2ab1c6f.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-d601a7dd1f462396.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-5b5fbf98c1e31652.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-cc769552afb95633.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-4372851b86680dea.js"],"/components/data-input/checkbox/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/how-to-use-269dc6c07c89cd50.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-2315ecd476eda41e.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-f2a26688551724fd.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-4b17b97627517ec2.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-4b2d1fc96e03e148.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-d522d00ca1161541.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-af23aaebfffb5f53.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-5844c0407e8f67ad.js"],"/components/data-input/input/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/input/how-to-use-fb1a17bac240beee.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-58f8a08fbfee28a9.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-78fd5d7442c7f5ef.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-63c7b1ae5c8b41cc.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-7714f473e4dacdb2.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-75cc03fae63075bc.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-3927e58a1c91eed4.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-1b266200808b5a7c.js"],"/components/data-input/radio/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/radio/how-to-use-85e40d3b2754ed97.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-238336dcd0cd2b39.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-67725e9e59ea9311.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-16e10a9690abf1ad.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-ae1766578d646e6e.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-14b28bda5a84fbc0.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-dadad2e49cb59204.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-11314f81861ad40f.js"],"/components/data-input/select/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/select/how-to-use-32cd208ef7293d49.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-e25952ed13dd9a17.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-7ab4d9720a9c7b4b.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-c917059951c61eda.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-b9ab339d9ffb53b4.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-b2bf95b8e93c8329.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-62a9c0033d839d0c.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-26e68035d91435c0.js"],"/components/data-input/switch/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/switch/how-to-use-a42c5c52f7afd22b.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-a3f5d0e1041c2d3e.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-59c65831e54b0d62.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-a453bd54d013a07f.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-8b17827186412a2c.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-1bf1c4f265dd9820.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-3077bd4067913d00.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-a0113e7cfc3d6f79.js"],"/components/data-input/textarea/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/how-to-use-1131fdeeba327661.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-e59d1db8c6b7687f.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-7a0dab804bb52fa2.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-ef4db5e77c227682.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-267a1df0f2ab13e9.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-a8f7eadc1cf2977e.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-f74a7e1ad49f87a9.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-7f58903c1f5b77a8.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-ccfe48aca3f9fe96.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-140dfacaf2d5f0f3.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-1dc63c4aa8337ae3.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-49a7c9d480dfa359.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-78073bfc60946412.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-f27bb9822ad056aa.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-f592b2d8dc04b68a.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-69cff9907b5f57d3.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-00639e84f062b048.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-4f15c06731f30ae4.js"],"/components/feedback/badge/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/badge/how-to-use-d43704be6f666163.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-b3df8d6eeef8e75f.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-94c7c4d28a246e96.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-9ebed885276ea656.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-b94837d20917b126.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-c6c6857b3c817139.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-73cd9b6fcc38de55.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-fbb9d1ada91f82f2.js"],"/components/feedback/notification/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/notification/how-to-use-5737639d52560be4.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-5ae3b28ac9f4cbfd.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-a28dba03e8d89d25.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-1baa0cc9a3ea5919.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-0b7ed6a7cff7fe89.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-bdc1e0dc8dfc8f9d.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-5c8fd73236d40138.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-13ded0192e261b95.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-a5050e5064f3a5e2.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-2d4e9c84d08cec4a.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-25526a285297aecd.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-b62b26b3caa3acc7.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-a5eace661e8f89e2.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-91377d3ef641884a.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-010dde4d9e9487cf.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-41fa3173648d47de.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-887cc5aac3f0ad69.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-b820e677a385edbf.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-75cff6df9b9cd30f.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-a46a3c1b91c3fb91.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-97aa17ad3ca18531.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-606e156f840f9006.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-616cbf7c7322f19d.js"],"/components/layout/card/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/card/how-to-use-1dcc2fd2b064fb8e.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-933186520a97f631.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-393efe1afbb452ef.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-b5e2e7291b69fca9.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-40c3920af5fcb6c1.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-2c9b9b03e5ca4b91.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-3cbe954237551168.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-7183134ac52bafd6.js"],"/components/layout/divider/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/divider/how-to-use-b48080da39fabad5.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-c8ccbd82dd0dfef6.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-333186f64fa1eb7d.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-6638b7298130935b.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-72e5ba250d2ed185.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-fe938e2dc008fb17.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-b5c1e2023284ffe5.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-30985120f8f31785.js"],"/components/layout/drawer/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/drawer/how-to-use-dfba6ac266dea91c.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-f2bfe3357cf1a882.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-580ff45cf6a300c0.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-8af7810ce28520f1.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-7a64751a3ee009e4.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-0f0a3713767ff449.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-8ede2f4e2b18551e.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-488f8a4e24cd80a0.js"],"/components/layout/header/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/header/how-to-use-92a1a64c9396de7c.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-c175c8e79feac9e1.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-753485697fd2de7e.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-2c305248092408d6.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-2fda4c7c0fc07d25.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-5bfa9095544716c4.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-e62c0ff7756cb9ce.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-dc8f3e7a0e080cfd.js"],"/components/layout/section/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/section/how-to-use-c58f42b9cc25386d.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-b5280a8012a8d116.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-816833bae298df2c.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-56de4fcd90a8f9a1.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-61b1075c6b40b06a.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-05cdae0a6abbb9ab.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-e327ebe5e5b65c22.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-5c14f06a14286179.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-81bad504f2dd6d39.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-3cbe21f93a13da54.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-baf00fc75ffb11d7.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-0bd623828d35755a.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-bb455c8acc5c3e44.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-fc52486efd2f280f.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-72d08ac1263e0040.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-b3762288cd44ff6a.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-69ac87575ff13479.js"],"/components/navigation/navigation/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/how-to-use-9cde7e53c0510942.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-e00ecd1673615502.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-80b6d1a7ff24242b.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-39711c3f3df7dc88.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-15416c579ed716da.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-6c8daadfd1c6c13e.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-bcfd171fde347314.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-c74bb5156e7430ec.js"],"/components/navigation/navigation-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/how-to-use-16a520702130f1c8.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-f8edd6bb7f9b2305.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-f138621db96b4956.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-61fe4d7aacf24094.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-96c55105300a3d2d.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-9045057597e309e0.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-d6ccef972bb79e2f.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-da717af82af2d613.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-f970677b034c3c20.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-d049f2c9ecc6e161.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-8843fb2aa7728f26.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-b86d2545f8a55f6b.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-4422d723176ce3ff.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-b345f0540180c6bb.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-e75cf597715cd20c.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-1ccadc893cd5aade.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-1816a8cf071f32a9.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-ae7abae8b4c1eba0.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-d2bfcb9d392198e2.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-038a95a151f0ecbf.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-8b9fba5b02637131.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-44d910d7b0c8145c.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-ba7510a106b43c3a.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-5f2bca4da9081ed3.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-6af41040d2d5e37f.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-9b4e284d0dd4f0f9.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-d661fecc1b212ca8.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-4493e9d0c0eaa1a1.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-4401dea3d0573c02.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-2a56534dc756adac.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-c7dca917ebd5ab10.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-46f3328f2abeb0ea.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-8f56d0e9552b80bd.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-9d7181e7e0ba78aa.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-75b71f0e6cefc8c5.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-e2697d62289055b5.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-603383813fc7ee99.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-e0c863358f3209c9.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-219f890aeac4e07f.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-bfd4bb8e34080e8f.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-91d937b358e09cd9.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-222dabefcb809bbc.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-a36f88d881f94e86.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-d4ded1b5d9152932.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-5bbacdce9ecef65a.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-76d39ad72a988282.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-2a618cd3372d4b54.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-20e844912bef0523.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-c5e18883519b247a.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-8ae029edb24d8d0b.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-d77894f2c3aae8c2.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-ecb42bace5d775e3.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-d84ef3048bb325c7.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-67c10c8eab03e8bf.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-b09c6b3e0eba1c34.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-6d92419c0365572f.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-de9bab11d957fa83.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-ca1274b26191edcb.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-830eb57e765bb89c.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-accb8fbbc2eac3ce.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-c2f0097fac1d6c93.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-b7e8b709f3f47836.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-db1565445c7a27c1.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-ba908f3b6ec752c9.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-fd876ec6f05bdda2.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-eec171e27e53357f.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-fd935104fb98cc3c.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-2f3a2f944bdec110.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-2c7f29b6505f61ed.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-c575dadc3025600a.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-a3f2f5f4efa5a0f5.js"],"/components/utilities/popover/how-to-use":[t,n,o,s,"static/chunks/pages/components/utilities/popover/how-to-use-04542237627af9bf.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-379fc7dcc3a9cbbd.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-ae95542881cbe7c2.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-56a6830bef8ac73c.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-4bcad683c8d4188d.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-c7b556e16b04856e.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-1225b6bf3e9676ca.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-c251bed1a53c7c6d.js"],"/foundations/colors/overview":[t,n,o,s,"static/chunks/pages/foundations/colors/overview-7b114869dd12371c.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-8ef1e08291fbb227.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-91e0d13a2adf3b33.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-75c09557bd43d5ba.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-a47cd8acf7d6e14d.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-4f88eacf3359946d.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-7733ee9a2a1bacde.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-30ab57c784ac1f17.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-c786fb729a8b9834.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-9a6b4fad2f8eb065.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-753558b4842feafd.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-0ec405d62a7b42f8.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-23b8947b50796d66.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-87a3f8248ce1bc14.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-d4aebff806218014.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-5422e9af30e94670.js"],"/iframe":[a,o,"static/chunks/pages/iframe-9111721c6f8d93b7.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/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/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/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-schemes","/foundations/colors/overview","/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/readme","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/2182-28551b41e68f3335.js","static/chunks/6061-5b34ee49160a32a2.js","static/chunks/2811-ad9d7ea0a7337eda.js","static/chunks/1954-cd36998f79600282.js","static/chunks/8834-54f720ad76346f6e.js","static/chunks/9287-f4ff6310823f7198.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(o,t,s,n,c,a){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[t,n,o,s,"static/chunks/pages/index-8900efcea28b5a1d.js"],"/404":["static/chunks/pages/404-e53a0ff2c98c4a8e.js"],"/_error":["static/chunks/pages/_error-63a85f35faef16c8.js"],"/base64":[c,"static/chunks/pages/base64-2bd770f71e2c89fa.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-822e141a9cfb42ae.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-d75d1e76e30a9ca1.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-4eb0b379a0ae1329.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-b572244cd4cc651c.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-7e0885da6ad7baa3.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-2d7046b4a5eed3b9.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-8975516cd60c194f.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-10968750830467b8.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-c9594b151b21a904.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-0f6d17086f86f856.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-4028f65357300c4d.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-a2d6724c4d612ced.js"],"/components/action/button/docs/Migration":[a,"static/chunks/pages/components/action/button/docs/Migration-de12f9bfae989f6d.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-fa3108e7885a902b.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-814c1072c56d2365.js"],"/components/action/button/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/button/how-to-use-018b95f538741377.js"],"/components/action/button/migration":[t,n,o,s,a,"static/chunks/pages/components/action/button/migration-d1d3c120de77a020.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-04600e3c7b15e99f.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-88b822afae04dcfe.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-585ecf7c5a2b5d2c.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-9a028984eae629e2.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-90ff1fa3d6acc809.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-54b8337ed41b0531.js"],"/components/action/link/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/link/how-to-use-016b6169715cd2a6.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-623fa4a230820e47.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-cd72778d31955ada.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-029844cd325fb7c3.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-206c2531a55a0fae.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-8f86491812229de1.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-9a6957f8312b9831.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-e76a7215055cc388.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-0874c94a7f543667.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-32e825f03114c116.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-85f5668e366b3fbd.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-b9dad4df7573a383.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-981f693c62cfca04.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-922b4898836f8ac3.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-96f8c4a287887b56.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-6a1f7d4c9daa3732.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-d28d330df84f1775.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-888820dab3d70594.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-2a371dd892fed46f.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-5f27b4b48a986ca5.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-977e7768a2d19193.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-476470dd06cdba7c.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-c7c97a6c8bdb5c26.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-0cd739c15517b211.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-78ff511cb440b155.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-6b62b6b8b3b4beee.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-9e95fc808136a635.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-8b7e50642e979fd1.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-ef509dbecbda0971.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-2a262b02e19ac0a9.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-d946deffc8dc4cec.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-d22472fd46c10bab.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-4a56fdcf679c94a4.js"],"/components/data-display/accordion/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/how-to-use-c66c8b4f5f5667b9.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-46882ee6eacb06bd.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-781783d07fa37446.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-c69a5c3fd183c6a3.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-8ab10d6a52e0aa47.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-1ebe7c715cfdb395.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-22f1e758e9e550fe.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-b4a6cf3887aca585.js"],"/components/data-display/accordion-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/how-to-use-eb3fa5a2beab8093.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-71734c0f66b96b30.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-df8c2d864e70635f.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-6e89b998acf88afe.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-fb93107bbf302227.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-c6dca77423d8934a.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-3cc61d116bb07afa.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-1a60720cf9f75b16.js"],"/components/data-display/brand/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/brand/how-to-use-aa20d89db782bcc3.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-23d8a63915c3430b.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-70b1b4c2dbc0b221.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-c059728eec11ee9f.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-c9811fc1a84605ea.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-39c38079e4ab274d.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-0912b71676475416.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-06fac478932689cf.js"],"/components/data-display/infotext/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/how-to-use-fdc734c5f3d763ef.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-a5611d17cf777dc6.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-b9b82a7d47db7d35.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-087b40e544e806dd.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-db6420389a7d5e76.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-03583a02506c8e19.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-4b010ed96dd5a080.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-5ec24822bbfa264c.js"],"/components/data-display/tab-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/how-to-use-1875c77a1c69b8fe.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-f05a9444c0e3a389.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-b64f393e7eb5ca41.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-8ba6327f878731e7.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-c3159aee53042cd0.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-4c577e4f24dce766.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-6298e2144cc7f4dc.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-c2f34f013aa5c8a3.js"],"/components/data-display/tabs/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/how-to-use-ebb75402fd6e5f86.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-c4b4e9e75108cf76.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-9916172515f771de.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-bfa75950a31cfc2b.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-26578addbadffd69.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-30d35961860d08b5.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-4815931227dd5867.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-7c72756eb05c7a34.js"],"/components/data-display/tag/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tag/how-to-use-685cb74255c8e177.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-09398e315d9cfc03.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-d0e028382a423362.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-9c060e4f20a5b345.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-77b8e294ab7ebc08.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-e2a1b6b0aead6570.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-c90cc957fff8b261.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-42ad5cb7ec321e50.js"],"/components/data-display/tooltip/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/how-to-use-a4549c5c649be60e.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-5cfab6d1f427c81d.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-589889f8aa652d80.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-2bba3f76e2ab1c6f.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-d601a7dd1f462396.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-5b5fbf98c1e31652.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-cc769552afb95633.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-4372851b86680dea.js"],"/components/data-input/checkbox/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/how-to-use-269dc6c07c89cd50.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-2315ecd476eda41e.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-f2a26688551724fd.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-4b17b97627517ec2.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-4b2d1fc96e03e148.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-d522d00ca1161541.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-af23aaebfffb5f53.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-5844c0407e8f67ad.js"],"/components/data-input/input/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/input/how-to-use-fb1a17bac240beee.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-58f8a08fbfee28a9.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-78fd5d7442c7f5ef.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-63c7b1ae5c8b41cc.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-7714f473e4dacdb2.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-75cc03fae63075bc.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-3927e58a1c91eed4.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-1b266200808b5a7c.js"],"/components/data-input/radio/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/radio/how-to-use-85e40d3b2754ed97.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-238336dcd0cd2b39.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-67725e9e59ea9311.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-16e10a9690abf1ad.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-ae1766578d646e6e.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-14b28bda5a84fbc0.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-dadad2e49cb59204.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-11314f81861ad40f.js"],"/components/data-input/select/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/select/how-to-use-32cd208ef7293d49.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-e25952ed13dd9a17.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-7ab4d9720a9c7b4b.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-c917059951c61eda.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-b9ab339d9ffb53b4.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-b2bf95b8e93c8329.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-62a9c0033d839d0c.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-26e68035d91435c0.js"],"/components/data-input/switch/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/switch/how-to-use-a42c5c52f7afd22b.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-a3f5d0e1041c2d3e.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-59c65831e54b0d62.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-a453bd54d013a07f.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-8b17827186412a2c.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-1bf1c4f265dd9820.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-3077bd4067913d00.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-a0113e7cfc3d6f79.js"],"/components/data-input/textarea/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/how-to-use-1131fdeeba327661.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-e59d1db8c6b7687f.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-7a0dab804bb52fa2.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-5a4271b1183b121a.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-997a757d34a65236.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-fbe2a5f0897252d8.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-2655d5d7f99c8b52.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-1c93a87c7bc1fe17.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-13bd78b18b0dc7e7.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-119aea85e63677ec.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-33879581bf0352bc.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-44c40960c4ef0a09.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-838935f70f7c5a54.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-f27bb9822ad056aa.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-f592b2d8dc04b68a.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-69cff9907b5f57d3.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-00639e84f062b048.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-4f15c06731f30ae4.js"],"/components/feedback/badge/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/badge/how-to-use-d43704be6f666163.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-b3df8d6eeef8e75f.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-94c7c4d28a246e96.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-9ebed885276ea656.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-b94837d20917b126.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-c6c6857b3c817139.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-73cd9b6fcc38de55.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-fbb9d1ada91f82f2.js"],"/components/feedback/notification/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/notification/how-to-use-5737639d52560be4.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-5ae3b28ac9f4cbfd.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-a28dba03e8d89d25.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-1e8d4e2dffde2e21.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-64a8bad5db01ae53.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-5f5feeb4f43aac37.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-0f1f331ad7aefcba.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-0463719342809833.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-4f8e567baef1b5f9.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-5598be0cd0ff14b9.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-d13e1441d280fc46.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-3dea25efb9a495f4.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-31e575a10f8a6b03.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-86fd296150698c6b.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-41665354d7240773.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-0e82818460cd1ef9.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-3eb86316f97ed5c2.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-8a13194cfafe3005.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-75cff6df9b9cd30f.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-a46a3c1b91c3fb91.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-97aa17ad3ca18531.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-606e156f840f9006.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-616cbf7c7322f19d.js"],"/components/layout/card/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/card/how-to-use-1dcc2fd2b064fb8e.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-933186520a97f631.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-393efe1afbb452ef.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-b5e2e7291b69fca9.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-40c3920af5fcb6c1.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-2c9b9b03e5ca4b91.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-3cbe954237551168.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-7183134ac52bafd6.js"],"/components/layout/divider/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/divider/how-to-use-b48080da39fabad5.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-c8ccbd82dd0dfef6.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-333186f64fa1eb7d.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-6638b7298130935b.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-72e5ba250d2ed185.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-fe938e2dc008fb17.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-b5c1e2023284ffe5.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-30985120f8f31785.js"],"/components/layout/drawer/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/drawer/how-to-use-dfba6ac266dea91c.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-f2bfe3357cf1a882.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-580ff45cf6a300c0.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-8af7810ce28520f1.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-7a64751a3ee009e4.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-0f0a3713767ff449.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-8ede2f4e2b18551e.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-488f8a4e24cd80a0.js"],"/components/layout/header/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/header/how-to-use-92a1a64c9396de7c.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-c175c8e79feac9e1.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-753485697fd2de7e.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-2c305248092408d6.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-2fda4c7c0fc07d25.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-5bfa9095544716c4.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-e62c0ff7756cb9ce.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-dc8f3e7a0e080cfd.js"],"/components/layout/section/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/section/how-to-use-c58f42b9cc25386d.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-b5280a8012a8d116.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-816833bae298df2c.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-56a85e88fe197e38.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-801a4a838e90990f.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-d83ac83d9637ab75.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-90310e027f9382ff.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-de733c33729b4d8d.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-6dc8af7cb5c77382.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-d255beb216a176cf.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-a8540aec777e9aa9.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-37083b4546c4a458.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-bb455c8acc5c3e44.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-fc52486efd2f280f.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-72d08ac1263e0040.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-b3762288cd44ff6a.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-69ac87575ff13479.js"],"/components/navigation/navigation/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/how-to-use-9cde7e53c0510942.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-e00ecd1673615502.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-80b6d1a7ff24242b.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-39711c3f3df7dc88.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-15416c579ed716da.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-6c8daadfd1c6c13e.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-bcfd171fde347314.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-c74bb5156e7430ec.js"],"/components/navigation/navigation-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/how-to-use-16a520702130f1c8.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-f8edd6bb7f9b2305.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-f138621db96b4956.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-29fb62070196ef71.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-7b592e39ec5fa4bc.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-8a361f6b6d1cf421.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-7d5a39a0f849dc91.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-88d9d9a9df7270ab.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-78bdab85b4023b96.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-8a3f89c8c7f5ef5d.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-0811eb027e7ce8d2.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-3070b098b53c1137.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-93a8d9d66d4f9a2d.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-f21203d953aab63f.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-229f68a373b0ac78.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-220e429e847510ac.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-2a4a75497a646eb0.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-bcd2ae8d9c4b5e00.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-28acbc66f3a743f0.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-0f3ce6beb239f008.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-e659c26f4699be9a.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-7bb1c1440affe9f6.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-4601ba3db49e5db4.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-f221fdc76013049e.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-6af41040d2d5e37f.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-9b4e284d0dd4f0f9.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-a2df6363a74754dd.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-6247fba7179c9517.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-5ca8b35cb24afb34.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-3d344b676860c348.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-6a8489824f2b59a0.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-1a1e8806ce932c6a.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-22ea866c1aa1d8ae.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-1cd8d9936c34a753.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-8394a5afa441fc60.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-e50b5575b672c599.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-a7beb783bfd43c3b.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-a75fb82161c08e32.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-106161430d072e87.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-869a6d6c74e94409.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-f8d3e1f6ca12b2bb.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-620e6a54f3811628.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-3340b92db4dfbaf8.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-9dca8350764fea20.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-775ec21c1d55a974.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-cea7ad85cf89d771.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-5f3b585b7edb04cc.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-311ee31678188c5a.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-a7f11416b42f6daa.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-9bd507e3e80b0c1d.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-df51a0ca91ce52ca.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-ffc1a467746bc8cf.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-5f3168d9f577c85a.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-4620d94e9a22b174.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-2bbb52b6fee8aa2a.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-e30cce0ef4e168da.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-042d16e12f216c0e.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-88de3de8289fe0a1.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-756e827ca1932abe.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-88419eb7ba9136c4.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-49b047f65f9156ab.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-ca5d5520358cf235.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-d055f445db122184.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-166879b6ffcc23a2.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-52af2e81e2671c6c.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-4b1ac9ac768ae2ae.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-fd935104fb98cc3c.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-2f3a2f944bdec110.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-2c7f29b6505f61ed.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-c575dadc3025600a.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-a3f2f5f4efa5a0f5.js"],"/components/utilities/popover/how-to-use":[t,n,o,s,"static/chunks/pages/components/utilities/popover/how-to-use-04542237627af9bf.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-379fc7dcc3a9cbbd.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-ae95542881cbe7c2.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-56a6830bef8ac73c.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-137cad31276e1d14.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-c7b556e16b04856e.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-1225b6bf3e9676ca.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-c251bed1a53c7c6d.js"],"/foundations/colors/overview":[t,n,o,s,"static/chunks/pages/foundations/colors/overview-d9822b6df3c4611a.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-8ef1e08291fbb227.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-91e0d13a2adf3b33.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-75c09557bd43d5ba.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-a47cd8acf7d6e14d.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-4f88eacf3359946d.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-a63e10bd79261739.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-1df1870609c7c1eb.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-c786fb729a8b9834.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-9a6b4fad2f8eb065.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-753558b4842feafd.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-0ec405d62a7b42f8.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-23b8947b50796d66.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-87a3f8248ce1bc14.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-d4aebff806218014.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-5422e9af30e94670.js"],"/iframe":[c,o,"static/chunks/pages/iframe-9111721c6f8d93b7.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/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/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/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-schemes","/foundations/colors/overview","/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/readme","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/2182-28551b41e68f3335.js","static/chunks/6061-5b34ee49160a32a2.js","static/chunks/2811-71f31e70264e4247.js","static/chunks/1954-cd36998f79600282.js","static/chunks/8834-54f720ad76346f6e.js","static/chunks/9287-f4ff6310823f7198.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/dBReh_0w-RPjiVbVrId04/_ssgManifest.js b/review/fix-2678-tag-default-html/_next/static/8X7vXK36AzTeaFHF3wFv2/_ssgManifest.js similarity index 100% rename from review/fix-2678-tag-default-html/_next/static/dBReh_0w-RPjiVbVrId04/_ssgManifest.js rename to review/fix-2678-tag-default-html/_next/static/8X7vXK36AzTeaFHF3wFv2/_ssgManifest.js diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/2811-ad9d7ea0a7337eda.js b/review/fix-2678-tag-default-html/_next/static/chunks/2811-71f31e70264e4247.js similarity index 95% rename from review/fix-2678-tag-default-html/_next/static/chunks/2811-ad9d7ea0a7337eda.js rename to review/fix-2678-tag-default-html/_next/static/chunks/2811-71f31e70264e4247.js index 9fc7d07f865..b7f1358c319 100644 --- a/review/fix-2678-tag-default-html/_next/static/chunks/2811-ad9d7ea0a7337eda.js +++ b/review/fix-2678-tag-default-html/_next/static/chunks/2811-71f31e70264e4247.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2811],{92811:function(t,n,e){e.d(n,{Z6:function(){return ag},Ec:function(){return ax},tp:function(){return aT},vY:function(){return aD},kn:function(){return aj},vn:function(){return aB}});var a={};e.r(a),e.d(a,{Behaviour:function(){return nu},Content:function(){return nh},Density:function(){return ns},Size:function(){return nb},State:function(){return nd},Variant:function(){return nc}});var i={};e.r(i),e.d(i,{Content:function(){return nv},Density:function(){return np},InteractionStates:function(){return nx},Semantic:function(){return nm},Size:function(){return ng}});var o={};e.r(o),e.d(o,{Behaviour:function(){return nj},Density:function(){return nD},Variant:function(){return nB}});var l={};e.r(l),e.d(l,{ContentStates:function(){return nw},Density:function(){return nT},InteractionStates:function(){return nf}});var r={};e.r(r),e.d(r,{Tonality:function(){return ny},Variants:function(){return nk}});var s={};e.r(s),e.d(s,{Animations:function(){return n_},Density:function(){return nZ},Emphasis:function(){return nN},Placement:function(){return nC},Variant:function(){return nI},Width:function(){return nL}});var c={};e.r(c),e.d(c,{Density:function(){return nR},Semantic:function(){return nE},Size:function(){return nH}});var d={};e.r(d),e.d(d,{Behaviour:function(){return nP},Content:function(){return nV},Density:function(){return nA},Emphasis:function(){return nS},Example:function(){return nW},Overflow:function(){return nM},Semantic:function(){return nO},State:function(){return nF}});var b={};e.r(b),e.d(b,{Examples:function(){return nG},Orientation:function(){return nz},Overflow:function(){return nJ},Tonality:function(){return nU},Width:function(){return nq}});var h={};e.r(h),e.d(h,{Behaviour:function(){return nQ},Content:function(){return nK},ContentAlignmentFullWidth:function(){return nX},Density:function(){return nY},States:function(){return n$}});var u={};e.r(u),e.d(u,{Content:function(){return n9},Density:function(){return n0},InteractionStates:function(){return n1},Requirement:function(){return n4},Size:function(){return n3},States:function(){return n2}});var p={};e.r(p),e.d(p,{Content:function(){return en},Density:function(){return n8},ExampleTypes:function(){return ea},ExampleTypesFloatingLabel:function(){return ei},Requirement:function(){return ee},StatesFloatingLabel:function(){return et},StatesLabelAbove:function(){return n7},VariantHelperMessage:function(){return n5},VariantLabel:function(){return n6}});var m={};e.r(m),e.d(m,{Content:function(){return ed},Density:function(){return eo},InteractionStates:function(){return el},Requirement:function(){return ec},Size:function(){return es},States:function(){return er}});var x={};e.r(x),e.d(x,{Content:function(){return ex},Density:function(){return eb},Requirement:function(){return eg},StatesFloatingLabel:function(){return em},StatesLabelAbove:function(){return ep},VariantHelperMessage:function(){return eu},VariantLabel:function(){return eh}});var g={};e.r(g),e.d(g,{Content:function(){return ef},Density:function(){return ev},Emphasis:function(){return eB},Examples:function(){return ew},Size:function(){return eT},States:function(){return eD},VisualAid:function(){return ej}});var v={};e.r(v),e.d(v,{Density:function(){return ey},Requirement:function(){return eC},Rows:function(){return eL},StatesFloatingLabel:function(){return eN},StatesLabelAbove:function(){return eI},VariantHelperMessage:function(){return eZ},VariantLabel:function(){return ek}});var D={};e.r(D),e.d(D,{Behaviour:function(){return eH},ContentVariantDocked:function(){return eA},ContentVariantOverlay:function(){return eO},ContentVariantStandalone:function(){return eS},Density:function(){return e_},Semantic:function(){return eE},Variant:function(){return eR}});var B={};e.r(B),e.d(B,{Content:function(){return eW},Density:function(){return eP},Emphasis:function(){return eF},Examples:function(){return ez},Placement:function(){return eU},Semantic:function(){return eV},Size:function(){return eM}});var j={};e.r(j),e.d(j,{Behaviour:function(){return eY},Density:function(){return eq},ElevationLevel:function(){return eJ},Example:function(){return e$},Spacing:function(){return eG}});var T={};e.r(T),e.d(T,{Density:function(){return eK},Emphasis:function(){return eX},Variant:function(){return eQ}});var f={};e.r(f),e.d(f,{Backdrop:function(){return e4},Density:function(){return e0},Directions:function(){return e9},Rounded:function(){return e2},Size:function(){return e1},Spacing:function(){return e3}});var w={};e.r(w),e.d(w,{Behaviour:function(){return e5},Examples:function(){return e7},Tonality:function(){return e8},Width:function(){return e6}});var y={};e.r(y),e.d(y,{Density:function(){return at},Spacing:function(){return ae},Width:function(){return an}});var k={};e.r(k),e.d(k,{Density:function(){return aa}});var Z={};e.r(Z),e.d(Z,{Content:function(){return al},Density:function(){return ai},InteractionStates:function(){return ao},Width:function(){return ar}});var I={};e.r(I),e.d(I,{Animations:function(){return ah},Density:function(){return as},Gap:function(){return ab},Placement:function(){return ad},Spacing:function(){return ac},Width:function(){return au}});var N=e(52322),C=e(10326),L=e(2784),_=e(70741),R=e(45886),E=e(50350),H=e(39846),A=e(82876),S=()=>{let t=(0,A.useRouter)(),n=(0,A.usePathname)(),[e,a]=[(0,A.useSearchParams)()];return[e,e=>{{let t=new URLSearchParams(window.location.href.split("?")[1]);t.sort();let n=new URLSearchParams(e);if(n.sort(),t.toString()===n.toString())return}a?a(e):n&&(null==t||t.push("".concat(n,"?").concat(new URLSearchParams(e).toString())))}]},O=function(){var t,n;let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[a,i]=S(),[o,l]=(0,L.useState)(null!==(t=a.get(H.eM))&&void 0!==t?t:H.pw.REGULAR),[r,s]=(0,L.useState)(null!==(n=a.get(H.a_))&&void 0!==n?n:H.r$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,L.useState)(void 0),[b,h]=(0,L.useState)(!1),[u,p]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{for(let[t,n]of Array.from(a.entries()))n&&(t===H.eM&&o!==n&&l(n),t===H.a_&&r!==n&&s(n),"page"===t&&c!==n.toLowerCase()&&d(n.toLowerCase()),"fullscreen"===t&&!!n!==b&&h(!!n));p(!0)},[a]),(0,L.useEffect)(()=>{if(u){let t={density:o,color:r};c&&(t.page=c),b&&(t.fullscreen=!0),e&&i(t)}},[r,o,c,b,u]),[o,l,r,s,c,b]},P=e(34406);let F=t=>{let{examples:n,color:e,SlotCode:a}=t,i=(0,L.useCallback)(()=>(null==e?void 0:e.includes("3"))?"3":(null==e?void 0:e.includes("2"))?"2":"1",[e]),[o,l]=(0,L.useState)();return(0,N.jsxs)(_.Z,{className:"variants-card db-code-docs",elevationLevel:i(),children:[(0,N.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,N.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),a&&(0,N.jsxs)("details",{className:"code-details",onToggle:()=>{l(!o)},children:[(0,N.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:o?"Hide code":"Show code"}),(0,N.jsxs)("div",{className:"db-density-functional",children:[(0,N.jsx)("div",{className:"backdrop"}),(0,N.jsx)(_.Z,{className:"code",spacing:"small",children:(0,N.jsx)(a,{})})]})]})]})};var V=t=>{var n;let{title:e,variants:a,subComponent:i,isSubComponent:o,componentName:l}=t,r=null==P||null===(n=P.env)||void 0===n,s=O(r)[4],c=O(r)[2],d=t=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);return n.set("page",t.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(n.toString())}},b=(t,n)=>{var e;if(!window.location.origin||!window.location.href)return;let a=window.location.href.split("?"),i=a[0],o=new URLSearchParams(null!==(e=a[1])&&void 0!==e?e:"");o.set("page",n.toLowerCase());let r=l?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(l,"/overview")),"?").concat(o.toString()):"".concat(a[0],"?").concat(o.toString());window.open(r,"_blank")};if(s){let t=a.find(t=>t.name.toLowerCase()===s);if(t)return(0,N.jsx)(F,{...t,color:c})}return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)("div",{className:"default-container",children:[(0,N.jsx)(o?"h2":"h1",{children:e}),null==a?void 0:a.map((t,n)=>(0,N.jsxs)("div",{children:[(0,N.jsx)(R.Z,{}),(0,N.jsx)(E.Z,{className:"link-headline",content:"external",target:"_blank",onClick:n=>{b(n,t.name)},href:d(t.name),children:t.name}),(0,N.jsx)(F,{...t,color:c})]},"".concat(t.name,"-").concat(n)))]}),i]})},M=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive","props":{}},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"State","examples":[{"name":"(Default) Enabled","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon & Text","props":{"icon":"user"}},{"name":"Icon","props":{"icon":"user","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]');let W=(t,n,e)=>t.map((t,a)=>({...t,SlotCode:null==e?void 0:e[t.name.replaceAll(" ","")],examples:t.examples.map((t,e)=>{var a,i,o,l;return{...t,example:n({...t.props,id:null!==(o=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==o?o:t.name,children:null!==(l=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==l?l:t.name})}})})),U=t=>{let{variant:n,state:e,size:a,noText:i,icon:o,width:l,disabled:r,children:s}=t;return(0,N.jsx)(C.Z,{variant:n,state:e,size:a,noText:i,icon:o,disabled:r,width:l,onClick:()=>{alert(s.toString())},children:s})};var z=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"href":"#"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"href":"#"}},{"name":"Expressive","className":"db-density-expressive","props":{"href":"#"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"brand"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","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"}}]}]');let q=t=>{let{href:n,variant:e,disabled:a,size:i,content:o,children:l}=t;return(0,N.jsx)(E.Z,{href:n,variant:e,disabled:a,size:i,content:o,children:l})};var J=e(47437),G=e(38663),Y=e(70453),$=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Variant","examples":[{"name":"background (default)","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"card","props":{"variant":"card"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]}]');let K=t=>{let{behaviour:n,children:e,variant:a}=t;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(J.Z,{size:"small",semantic:"informational",icon:"none",children:e}),(0,N.jsxs)(G.Z,{behaviour:n,variant:a,children:[(0,N.jsx)(Y.Z,{headlinePlain:"Item 1",content:"Content 1"}),(0,N.jsx)(Y.Z,{headlinePlain:"Item 2",content:"Content 2"}),(0,N.jsx)(Y.Z,{headlinePlain:"Item 3",content:"Content 3"})]})]})};var Q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"headlinePlain":"Functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"headlinePlain":"(Default) Regular"}},{"name":"Expressive","className":"db-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}}]}]');let X=t=>{let{children:n,disabled:e,open:a,headlinePlain:i}=t;return(0,N.jsx)(Y.Z,{headlinePlain:i,disabled:e,defaultOpen:a,children:n})};var tt=t=>(0,N.jsx)(V,{title:"DBAccordionItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:W(Q,X,t.slotCode)}),tn=e(98310),te=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Variants","examples":[{"name":"(Default) With Logo","props":{}},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]'),ta=e(34406);let ti=t=>{var n,e;let{children:a,hideLogo:i,customLogo:o}=t;return(0,N.jsxs)(tn.Z,{hideLogo:i,children:[o&&(0,N.jsx)("img",{src:"".concat(null!==(e=null==ta?void 0:null===(n=ta.env)||void 0===n?void 0:"/mono/review/fix-2678-tag-default-html")&&void 0!==e?e:"/react-showcase","/assets/images/placeholder.jpg"),alt:"logo"}),a]})};var to=e(79031),tl=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","className":"db-density-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","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","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","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"}}]}]');let tr=t=>{let{children:n,width:e,emphasis:a,placement:i,delay:o,content:l,animation:r,variant:s}=t;return(0,N.jsxs)(C.Z,{children:[n,(0,N.jsx)(to.Z,{width:e,emphasis:a,placement:i,animation:r,delay:o,variant:s,children:l})]})};var ts=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","props":{}},{"name":"Small","props":{"size":"small"}}]}]');let tc=t=>{let{semantic:n,size:e,icon:a,children:i}=t;return(0,N.jsx)(J.Z,{semantic:n,size:e,icon:a,children:i})};var td=e(73253),tb=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","examples":[{"name":"(Default) Static","props":{}},{"name":"Interactive Button","props":{"component":"button"},"code":{"angular":"","html":"
","react":"","vue":""}},{"name":"Interactive Link","props":{"component":"link"},"code":{"angular":"Interactive Link","html":"
Interactive Link
","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"code":{"angular":"","html":"
","react":"","vue":""}},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"code":{"angular":"","html":"
","react":"","vue":""}},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01","code":{"angular":"","html":"
","react":"/DBTag>","vue":""}}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"code":{"angular":"","html":"
","react":"","vue":""}},{"name":"Checked","props":{"component":"checkbox","checked":true},"code":{"angular":"","html":"
","react":"","vue":""}},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"code":{"angular":"","html":"
","react":"","vue":""}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon","props":{"icon":"user","noText":true}},{"name":"Icon & Text","props":{"icon":"user"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"user","behaviour":"removable"},"code":{"angular":"","html":"
","react":"","vue":""}},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"user"},"code":{"angular":"Interactive Link","html":"
Interactive Link
","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"user"},"code":{"angular":"Interactive Checkbox","html":"
","react":"","vue":""}},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02"},"code":{"angular":"","html":"
","react":"/DBTag>","vue":""}},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02","code":{"angular":"","html":"
","react":"/DBTag>","vue":""}}}]}]');let th=t=>{let{semantic:n,disabled:e,children:a,icon:i,overflow:o,noText:l,behaviour:r,emphasis:s,removeButton:c,checked:d,component:b,identifier:h}=t,[u,p]=(0,L.useState)(null!=d&&d);return(0,N.jsxs)(td.Z,{semantic:n,disabled:e,icon:i,noText:l,behaviour:r,emphasis:s,overflow:o,removeButton:c,onRemove:()=>{alert(a.toString())},children:["button"===b&&(0,N.jsx)("button",{children:a}),"link"===b&&(0,N.jsx)("a",{href:"#",children:a}),"checkbox"===b&&(0,N.jsxs)("label",{children:[(0,N.jsx)("input",{type:"checkbox",checked:u,onChange:t=>{p(t.target.checked)}}),a]}),"radio"===b&&(0,N.jsxs)("label",{children:[(0,N.jsx)("input",{type:"radio",checked:d,name:h}),a]}),!b&&!o&&(0,N.jsx)(N.Fragment,{children:a}),!b&&o&&(0,N.jsx)("span",{children:a})]})};var tu=e(57092),tp=e(57884),tm=e(57284),tx=e(49953),tg=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]');let tv=t=>{let{children:n,orientation:e,width:a,alignment:i,overflow:o,behaviour:l,initialSelectedMode:r,initialSelectedIndex:s}=t;return(0,N.jsxs)("div",{className:"w-full",children:[(0,N.jsxs)(J.Z,{icon:"none",size:"small",semantic:"informational",children:[n,":"]}),(0,N.jsxs)(tu.Z,{orientation:e,width:a,alignment:i,behaviour:l,initialSelectedIndex:s,initialSelectedMode:r,arrowScrollDistance:75,children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Test 1"}),(0,N.jsx)(tm.Z,{children:"Test 2"}),(0,N.jsx)(tm.Z,{children:"Test 3"}),o&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tm.Z,{children:"Test 4"}),(0,N.jsx)(tm.Z,{children:"Test 5"})]})]}),(0,N.jsx)(tx.Z,{children:"Tab Panel 1"}),(0,N.jsx)(tx.Z,{children:"Tab Panel 2"}),(0,N.jsx)(tx.Z,{children:"Tab Panel 3"}),o&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tx.Z,{children:"Tab Panel 4"}),(0,N.jsx)(tx.Z,{children:"Tab Panel 5"})]})]})]})};var tD=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","className":"db-density-regular tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","className":"db-density-expressive 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"}}]}]');let tB=t=>{let{children:n,active:e,noText:a,icon:i,iconAfter:o,disabled:l}=t;return(0,N.jsx)(tp.Z,{children:(0,N.jsx)(tm.Z,{active:e,noText:a,icon:i,iconAfter:o,disabled:l,children:n})})};var tj=t=>(0,N.jsx)(V,{title:"DBTabItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:W(tD,tB,t.slotCode)}),tT=e(1689),tf=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]');let tw=t=>{let{label:n,size:e,name:a,checked:i,required:o,children:l,disabled:r,indeterminate:s,variant:c}=t;return(0,N.jsx)(tT.Z,{label:n,size:e,name:a,defaultChecked:i,required:o,disabled:r,variant:c,indeterminate:s,children:l})};var ty=e(49475),tk=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States 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":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"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":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Example - Types","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":"Number","props":{"label":"Label","type":"number"}},{"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 - Types - Floating Label","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"}}]}]');let tZ=t=>{let{label:n,value:e,type:a,minLength:i,required:o,disabled:l,iconAfter:r,icon:s,children:c,message:d,variant:b,readOnly:h}=t;return(0,N.jsx)(ty.Z,{label:n,message:d,placeholder:c,variant:b,defaultValue:e,type:a,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:r,icon:s})};var tI=e(78016),tN=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]');let tC=t=>{let{label:n,size:e,name:a,checked:i,required:o,children:l,disabled:r,value:s,variant:c}=t;return(0,N.jsx)(tI.Z,{label:n,size:e,name:a,defaultChecked:i,required:o,disabled:r,variant:c,value:s,children:l})};var tL=e(79081),t_=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","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"},{"value":"Option 2"}],"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","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"},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States 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"},{"value":"Option 2"}],"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled"},{"value":"Option 2"}],"label":"Label","disabled":true,"variant":"floating","value":"Disabled"}}]},{"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":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}}]}]');let tR=t=>{let{children:n,label:e,options:a,icon:i,message:o,disabled:l,value:r,required:s,variant:c}=t;return(0,N.jsx)(tL.Z,{label:e,placeholder:n,options:a,disabled:l,variant:c,icon:i,value:r,message:o,required:s,children:n})};var tE=e(55025),tH=JSON.parse('[{"name":"Density","examples":[{"name":"functional","className":"db-density-functional","props":{}},{"name":"regular (Default)","className":"db-density-regular","props":{}},{"name":"expressive","className":"db-density-expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled","props":{}},{"name":"Checked","props":{"checked":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Def) Weak + unchecked","props":{"emphasis":"weak"}},{"name":"Strong + unchecked","props":{"emphasis":"strong"}},{"name":"(Def) Weak + checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Def) No Visual Aid + unchecked","props":{"visualAid":false}},{"name":"Visual Aid + unchecked","props":{"visualAid":true}},{"name":"(Def) No Visual Aid + checked","props":{"visualAid":false,"checked":true}},{"name":"Visual Aid + checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Def) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label","props":{}},{"name":"No Label","props":{"variant":"hidden"}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"night","iconAfter":"day"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"lock_closed","iconAfter":"lock_open","emphasis":"strong"}}]}]');let tA=t=>{let{children:n,checked:e,visualAid:a,disabled:i,variant:o,emphasis:l,size:r,icon:s,iconAfter:c}=t;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tE.Z,{visualAid:a,defaultChecked:e,disabled:i,variant:o,size:r,emphasis:l,icon:s,iconAfter:c,children:n}),"hidden"===o&&(0,N.jsx)(J.Z,{semantic:"informational",icon:"none",children:n})]})};var tS=e(22723),tO=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States 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":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","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."}}]}]');let tP=t=>{let{cols:n,disabled:e,message:a,label:i,placeholder:o,rows:l,value:r,readOnly:s,required:c,children:d,variant:b}=t,[h,u]=(0,L.useState)(r);return(0,N.jsx)(tS.Z,{cols:n,disabled:e,message:a,label:i,variant:b,readOnly:s,onChange:t=>{u(t.target.value)},required:c,placeholder:null!=o?o:d,rows:l,value:h})};var tF=e(99242),tV=JSON.parse('[{"name":"Density","examples":[{"name":"functional","style":{"width":"300px"},"className":"db-density-functional","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"regular (Default)","style":{"width":"300px"},"className":"db-density-regular","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"expressive","style":{"width":"300px"},"className":"db-density-expressive","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}}]},{"name":"Variant","examples":[{"name":"(Default) Docked","style":{"width":"300px"},"props":{"variant":"docked","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Standalone","style":{"width":"300px"},"props":{"variant":"standalone","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Overlay","style":{"width":"300px"},"props":{"variant":"overlay","headline":"Headline","icon":"information_circle","behaviour":"closable","timestamp":"10 min ago"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","behaviour":"closable"}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","semantic":"neutral","headline":"Headline","behaviour":"closable"}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","semantic":"critical","headline":"Headline","behaviour":"closable"}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","semantic":"informational","headline":"Headline","behaviour":"closable"}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","semantic":"successful","headline":"Headline","behaviour":"closable"}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","semantic":"warning","headline":"Headline","behaviour":"closable"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Permanent","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Closeable","style":{"width":"300px"},"props":{"behaviour":"closable"}}]},{"name":"Content - Variant:Docked","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"}},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"}}]},{"name":"Content - Variant:Standalone","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"}},{"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"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"}}]},{"name":"Content - Variant:Overlay","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"}},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"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"}}]}]'),tM=e(34406);let tW=()=>{var t,n;return(null==tM?void 0:null===(t=tM.env)||void 0===t?void 0:"/mono/review/fix-2678-tag-default-html")?"/mono/review/fix-2678-tag-default-html":null===(n=window.env)||void 0===n?void 0:n.BASE_URL},tU=t=>{let{semantic:n,icon:e,headline:a,variant:i,children:o,behaviour:l,link:r,timestamp:s,linkVariant:c,img:d}=t;return(0,N.jsx)(tF.Z,{semantic:n,icon:e,headline:a,link:r?(0,N.jsx)(E.Z,{href:"#",children:"Textlink"}):void 0,image:d?(0,N.jsx)("img",{src:"".concat(tW(),"/assets/images/placeholder.jpg"),alt:"Placeholder"}):void 0,variant:i,behaviour:l,linkVariant:c,timestamp:s,onClose:()=>{alert(o.toString())},children:o})};var tz=e(82919),tq=e(74819),tJ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","props":{}},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","props":{"noContent":true}},{"name":"Dot - Medium","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]');let tG=t=>{let{children:n,semantic:e,emphasis:a,noContent:i,size:o,placement:l,example:r}=t;return(0,N.jsxs)(N.Fragment,{children:[!l&&!r&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tz.Z,{semantic:e,emphasis:a,size:o,children:i?"":n}),i&&(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),l&&"inline"!==l&&!r&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)(C.Z,{icon:"user",variant:"outlined",noText:!0,children:[(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),n]}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),"inline"===l&&(0,N.jsx)(N.Fragment,{children:(0,N.jsxs)("div",{className:"badge-inline-container",children:[(0,N.jsx)(tq.Z,{icon:"user"}),(0,N.jsx)("span",{children:n}),(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,N.jsx)(tq.Z,{icon:"error"})]})}),"icon"===r&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tz.Z,{semantic:"critical",emphasis:"strong",size:o,children:(0,N.jsx)(tq.Z,{icon:"user",children:n})}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),"number"===r&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tz.Z,{semantic:"successful",children:"9"}),(0,N.jsx)(tz.Z,{semantic:"informational",children:"12"}),(0,N.jsx)(tz.Z,{semantic:"warning",children:"123"}),(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]})]})};var tY=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}},{"name":"functional","className":"db-density-functional","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":"No Spacing","props":{"spacing":"none"}},{"name":"Medium","props":{"spacing":"medium"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Non interactive","props":{}},{"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"}}]}]');let t$=t=>{let{behaviour:n,children:e,spacing:a,elevationLevel:i}=t;return(0,N.jsx)(_.Z,{behaviour:n,spacing:a,elevationLevel:i,children:(0,N.jsx)("strong",{children:e})})};var tK=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"className":"db-density-functional","props":{}},{"name":"(Default) Regular","style":{"width":"200px"},"className":"db-density-regular","props":{}},{"name":"Expressive","style":{"width":"200px"},"className":"db-density-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]');let tQ=t=>{let{variant:n,emphasis:e,children:a}=t;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(J.Z,{size:"small",semantic:"informational",children:a}),(0,N.jsx)(R.Z,{variant:n,emphasis:e})]})};var tX=e(37402),t0=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
functional
\\n\\t\\t
\\n\\t","angular":"\\n\\tfunctional\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t","vue":"\\n\\t\\tfunctional\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Regular (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tRegular (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t","vue":"\\n\\t\\tRegular (Default)\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
expressive
\\n\\t\\t
\\n\\t","angular":"\\n\\texpressive\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t","vue":"\\n\\t\\texpressive\\n\\t"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
With padding (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tWith padding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith padding (Default)\\n\\t\\t\\t","vue":"With padding (Default)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Full
\\n\\t\\t
\\n\\t","angular":"\\n\\tFull\\n","react":"\\t\\t\\t {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tFull\\n\\t\\t\\t","vue":"\\t\\n\\t\\tFull\\n\\t"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
No rounding (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tNo rounding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo rounding (Default)\\n\\t\\t\\t","vue":"No rounding (Default)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Rounded
\\n\\t\\t
\\n\\t","angular":"\\n\\tRounded\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRounded\\n\\t\\t\\t","vue":"Rounded"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Medium (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tMedium (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tMedium (Default)\\n\\t\\t\\t","vue":"Medium (Default)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Small
\\n\\t\\t
\\n\\t","angular":"\\n\\tSmall\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tSmall\\n\\t\\t\\t","vue":"Small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Large
\\n\\t\\t
\\n\\t","angular":"\\n\\tLarge\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLarge\\n\\t\\t\\t","vue":"Large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
None
\\n\\t\\t
\\n\\t","angular":"\\n\\tNone\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNone\\n\\t\\t\\t","vue":"None"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
With Backdrop (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tWith Backdrop (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith Backdrop (Default)\\n\\t\\t\\t","vue":"With Backdrop (Default)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Backdrop-weak
\\n\\t\\t
\\n\\t","angular":"\\n\\tBackdrop-weak\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tBackdrop-weak\\n\\t\\t\\t","vue":"Backdrop-weak"}},{"name":"Invisible","props":{"withCloseButton":true,"backdrop":"invisible"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
No Backdrop
\\n\\t\\t
\\n\\t","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
No Backdrop
\\n\\t\\t
\\n\\t","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Right (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tRight (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRight (Default)\\n\\t\\t\\t","vue":"Right (Default)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Left
\\n\\t\\t
\\n\\t","angular":"\\n\\tLeft\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLeft\\n\\t\\t\\t","vue":"Left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Up
\\n\\t\\t
\\n\\t","angular":"\\n\\tUp\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tUp\\n\\t\\t\\t","vue":"Up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Down
\\n\\t\\t
\\n\\t","angular":"\\n\\tDown\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tDown\\n\\t\\t\\t","vue":"Down"}}]}]');let t1=t=>{let{id:n,width:e,rounded:a,withCloseButton:i,spacing:o,openDrawer:l,setOpenDrawer:r,direction:s,children:c,backdrop:d}=t;return(0,N.jsxs)("div",{children:[(0,N.jsx)(tX.Z,{withCloseButton:i,rounded:a,width:e,spacing:o,backdrop:d,direction:s,open:l===n,onClose:()=>{r(void 0)},children:c}),(0,N.jsxs)(C.Z,{onClick:()=>{r(n)},children:["Open: ",c]})]})};var t2=e(82664),t3=e(33759),t4=e(39120),t9=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tfunctionalfunctional disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tRegular (Default)Regular (Default) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\texpressiveexpressive disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Width","examples":[{"name":"Full","props":{},"style":{"width":"100%","display":"block"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\tbrand={\\n\\t\\t\\t\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\tbrand={\\n\\t\\t\\t\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Behaviour","examples":[{"name":"Desktop (full width)","props":{},"style":{"width":"100%","display":"block"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tMobileMobile disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Examples","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}}]}]');let t8=t=>{let{drawerOpen:n,forceMobile:e,burgerMenuLabel:a,children:i,className:o,describedbyid:l,id:r,key:s,onToggle:c,width:d,example:b,withNavigation:h,withName:u}=t;return(0,N.jsx)(t2.Z,{width:d,brand:(0,N.jsx)(tn.Z,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{href:"#",children:"Imprint"}),(0,N.jsx)(E.Z,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,N.jsx)(C.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(C.Z,{icon:"user",variant:"ghost",noText:!0,children:"Profile"}),(0,N.jsx)(C.Z,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,N.jsx)(C.Z,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:n,forceMobile:e,burgerMenuLabel:a,className:o,describedbyid:l,id:r,onToggle:c,children:(!b||h)&&(0,N.jsxs)(t3.Z,{"aria-label":i,children:[(0,N.jsx)(t4.Z,{icon:"user",children:(0,N.jsx)("a",{href:"#",children:i})}),(0,N.jsx)(t4.Z,{disabled:!0,children:(0,N.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},s)};var t6=e(55327),t5=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"},"props":{}},{"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":{}},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}}]}]');let t7=t=>{let{width:n,spacing:e,children:a}=t;return(0,N.jsx)(t6.Z,{className:"db-informational-bg-lvl-2",spacing:e,width:n,children:a})};var nt=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}}]}]');let nn=t=>{let{children:n}=t,e="".concat(n);return(0,N.jsxs)("div",{children:[(0,N.jsx)(J.Z,{id:e,size:"small",semantic:"informational",icon:"none",children:n}),(0,N.jsxs)(t3.Z,{labelledBy:e,children:[(0,N.jsx)(t4.Z,{active:!0,subNavigation:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(t4.Z,{active:!0,subNavigation:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(t4.Z,{active:!0,children:(0,N.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,N.jsx)(t4.Z,{children:(0,N.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,N.jsx)(t4.Z,{children:(0,N.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,N.jsx)(t4.Z,{icon:"user",children:(0,N.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,N.jsx)(t4.Z,{disabled:!0,children:(0,N.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};var ne=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{}},{"name":"Active","props":{"active":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"user"}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"user","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"}}]}]');let na=t=>{let{children:n,icon:e,disabled:a,active:i,width:o,areaPopup:l}=t;return(0,N.jsx)("ul",{children:(0,N.jsx)(t4.Z,{icon:e,disabled:a,active:i,width:o,onClick:()=>{alert(n.toString())},subNavigation:l&&(0,N.jsxs)("ul",{children:[(0,N.jsx)(t4.Z,{children:(0,N.jsx)("a",{href:"#",children:"Test1"})}),(0,N.jsx)(t4.Z,{children:(0,N.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?n:(0,N.jsx)("a",{href:"#",children:n})})})};var ni=t=>(0,N.jsx)(V,{title:"DBNavigationItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:W(ne,na,t.slotCode)}),no=e(60029),nl=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"id":"popover-02"}},{"name":"Expressive","className":"db-density-expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","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","examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","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","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"}}]}]');let nr=t=>{let{id:n,children:e,width:a,gap:i,spacing:o,placement:l,delay:r,content:s,animation:c}=t;return(0,N.jsx)(no.Z,{trigger:(0,N.jsx)(C.Z,{children:e}),width:a,gap:i,spacing:o,placement:l,animation:c,delay:r,id:n,children:null!=s?s:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)("ul",{className:"popover-list",children:[(0,N.jsx)("li",{children:"Popover Custom Item 1"}),(0,N.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,N.jsx)(C.Z,{children:"Popover Custom Item 3"})]})})};var ns=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nc=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Outlined - Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Filled - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Ghost - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]})]})})]})},nd=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},nb=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},nh=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})})]})},nu=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Auto Width"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Width full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]})]})})]})},np=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},nm=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]})]})})]})},nx=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},ng=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Medium\n'),navigator.clipboard.writeText('\n (Default) Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},nv=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Internal\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Internal\n'),navigator.clipboard.writeText('\n (Default) Internal\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]})]})})]})},nD=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nB=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nj=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nT=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Functional\n
Functional
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Functional\n
Functional
\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Functional\n
Functional
\n
'),navigator.clipboard.writeText('
\n Functional\n
Functional
\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
(Default) Regular
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
(Default) Regular
\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n (Default) Regular\n
(Default) Regular
\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
(Default) Regular
\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Expressive\n
Expressive
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Expressive\n
Expressive
\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Expressive\n
Expressive
\n
'),navigator.clipboard.writeText('
\n Expressive\n
Expressive
\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},nf=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},nw=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Open'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Open'),navigator.clipboard.writeText('Open')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Open\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Open'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Open'),navigator.clipboard.writeText('Open')},children:"Copy code"})]})]})})]})},ny=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Functional\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Functional\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Functional\n
'),navigator.clipboard.writeText('
\n Functional\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n (Default) Regular\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Expressive\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Expressive\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Expressive\n
'),navigator.clipboard.writeText('
\n Expressive\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nk=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) With Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n (Default) With Logo\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) With Logo\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n (Default) With Logo\n
'),navigator.clipboard.writeText('
\n (Default) With Logo\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'No Logo'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Logo'),navigator.clipboard.writeText('No Logo')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n No Logo\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n No Logo\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n No Logo\n
'),navigator.clipboard.writeText('
\n No Logo\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"No Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Logo'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Logo'),navigator.clipboard.writeText('No Logo')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Custom Logo'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Logo'),navigator.clipboard.writeText('Custom Logo')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Custom Logo\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Custom Logo\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Custom Logo\n
'),navigator.clipboard.writeText('
\n Custom Logo\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Custom Logo'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Logo'),navigator.clipboard.writeText('Custom Logo')},children:"Copy code"})]})]})})]})},nZ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})},nI=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]})]})})]})},nN=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]})]})})]})},nC=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]})]})})]})},nL=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]})]})})]})},n_=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Animation no delay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Animation no delay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Animation no delay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Animation no delay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]})]})})]})},nR=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nE=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})})]})},nH=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},nA=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Functional
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Expressive
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nS=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Weak
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Weak
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Weak
'),navigator.clipboard.writeText('
(Default) Weak
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Strong\n
'),navigator.clipboard.writeText('
\n Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},nO=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Adaptive
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Adaptive
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Adaptive
'),navigator.clipboard.writeText('
(Default) Adaptive
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Neutral\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Neutral\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Neutral\n
'),navigator.clipboard.writeText('
\n Neutral\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Critical\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Critical\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Critical\n
'),navigator.clipboard.writeText('
\n Critical\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Informational\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Informational\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Informational\n
'),navigator.clipboard.writeText('
\n Informational\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Successful\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Successful\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Successful\n
'),navigator.clipboard.writeText('
\n Successful\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Warning\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Warning\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Warning\n
'),navigator.clipboard.writeText('
\n Warning\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Adaptive Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Adaptive Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Adaptive Strong\n
'),navigator.clipboard.writeText('
\n Adaptive Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Neutral Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Neutral Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Neutral Strong\n
'),navigator.clipboard.writeText('
\n Neutral Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Critical Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Critical Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Critical Strong\n
'),navigator.clipboard.writeText('
\n Critical Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Informational Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Informational Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Informational Strong\n
'),navigator.clipboard.writeText('
\n Informational Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Successful Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Successful Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Successful Strong\n
'),navigator.clipboard.writeText('
\n Successful Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Warning Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Warning Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Warning Strong\n
'),navigator.clipboard.writeText('
\n Warning Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]})]})})]})},nP=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Static"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Static
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Static
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Static
'),navigator.clipboard.writeText('
(Default) Static
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"\n \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"\n Interactive Link\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Link\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Interactive Link\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Interactive Link\n
'),navigator.clipboard.writeText('
\n Interactive Link\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"','html':'
','react':'/DBTag>','vue':''}\">Interactive Radio 2"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"','html':'
','react':'/DBTag>','vue':''}\">Interactive Radio 2"===t?"check":"copy",variant:"ghost",onClick:()=>{n("','html':'
','react':'/DBTag>','vue':''}\">Interactive Radio 2"),navigator.clipboard.writeText("','html':'
','react':'/DBTag>','vue':''}\">Interactive Radio 2")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Interactive Radio 2
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Interactive Radio 2
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
Interactive Radio 2
'),navigator.clipboard.writeText('
Interactive Radio 2
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\',\n html: \'
\',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Radio 2\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\',\n html: \'
\',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Radio 2\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\',\n html: \'
\',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Radio 2\n'),navigator.clipboard.writeText('\',\n html: \'
\',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Radio 2\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"','html':'
','react':'/DBTag>','vue':''}\">Interactive Radio 2"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"','html':'
','react':'/DBTag>','vue':''}\">Interactive Radio 2"===t?"check":"copy",variant:"ghost",onClick:()=>{n("','html':'
','react':'/DBTag>','vue':''}\">Interactive Radio 2"),navigator.clipboard.writeText("','html':'
','react':'/DBTag>','vue':''}\">Interactive Radio 2")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Removeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Removeable\n \n Remove tag\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Removeable\n \n Remove tag\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Removeable\n \n Remove tag\n \n
'),navigator.clipboard.writeText('
\n Removeable\n \n Remove tag\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]})]})})]})},nF=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]})]})})]})},nV=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Text
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Text
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Text
'),navigator.clipboard.writeText('
(Default) Text
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Icon\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Icon\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Icon\n
'),navigator.clipboard.writeText('
\n Icon\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Icon & Text\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Icon & Text\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Icon & Text\n
'),navigator.clipboard.writeText('
\n Icon & Text\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]})]})})]})},nM=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) No Overflow"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) No Overflow
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) No Overflow
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) No Overflow
'),navigator.clipboard.writeText('
(Default) No Overflow
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'With Overflow (max-width)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Overflow (max-width)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Overflow (max-width)'),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n With Overflow (max-width)\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n With Overflow (max-width)\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n With Overflow (max-width)\n
'),navigator.clipboard.writeText('
\n With Overflow (max-width)\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With Overflow (max-width)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Overflow (max-width)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Overflow (max-width)'),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy code"})]})]})})]})},nW=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
'),navigator.clipboard.writeText('
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Link\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Interactive Link\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Interactive Link\n
'),navigator.clipboard.writeText('
\n Interactive Link\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Interactive Checkbox\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Checkbox\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Checkbox\n'),navigator.clipboard.writeText('\n Interactive Checkbox\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n \n
'),navigator.clipboard.writeText('
\n \n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'/DBTag>'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'/DBTag>'===t?"check":"copy",variant:"ghost",onClick:()=>{n('/DBTag>'),navigator.clipboard.writeText('/DBTag>')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"','html':'
','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"','html':'
','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("','html':'
','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"),navigator.clipboard.writeText("','html':'
','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Strong Radio 2 with Icon\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Interactive Strong Radio 2 with Icon\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Interactive Strong Radio 2 with Icon\n
'),navigator.clipboard.writeText('
\n Interactive Strong Radio 2 with Icon\n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\',\n html: \'
\',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\',\n html: \'
\',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\',\n html: \'
\',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'),navigator.clipboard.writeText('\',\n html: \'
\',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"','html':'
','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"','html':'
','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("','html':'
','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"),navigator.clipboard.writeText("','html':'
','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon")},children:"Copy code"})]})]})})]})},nU=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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"})]})]})})]})},nz=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nq=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nJ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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"})]})]})})]})},nG=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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 '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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 '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nY=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n$=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'active'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('active'),navigator.clipboard.writeText('active')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n active\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'active'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('active'),navigator.clipboard.writeText('active')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('disabled'),navigator.clipboard.writeText('disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('disabled'),navigator.clipboard.writeText('disabled')},children:"Copy code"})]})]})})]})},nK=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n \n
    • '),navigator.clipboard.writeText('
  • \n \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})})]})},nQ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Auto Width'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Width full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]})]})})]})},nX=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]})]})})]})},n0=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n1=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},n2=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Unchecked - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Unchecked - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Checked - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Checked - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Indeterminate'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]})]})})]})},n3=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},n4=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required - Indeterminate'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required - Indeterminate'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]})]})})]})},n9=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]})]})})]})},n8=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n6=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},n5=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})},n7=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},et=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},en=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]})]})})]})},ee=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},ea=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]})]})})]})},ei=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]})]})})]})},eo=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})},el=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},er=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Unselected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Unselected - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Unselected - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Unselected - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unselected - Invalid\n'),navigator.clipboard.writeText('\n Unselected - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Unselected - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Selected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Selected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Selected\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Selected\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Selected\n'),navigator.clipboard.writeText('\n Selected\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Selected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Selected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Selected - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Selected - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Selected - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Selected - Valid\n'),navigator.clipboard.writeText('\n Selected - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Selected - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]})]})})]})},es=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},ec=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},ed=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},eb=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eh=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Label Above"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Label Above"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Label Above"),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Label Above\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Label Above\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Label Above\n'),navigator.clipboard.writeText('\n (Default) Label Above\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Label Above"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Label Above"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Label Above"),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Floating Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Floating Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Floating Label"),navigator.clipboard.writeText("Floating Label")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Floating Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Floating Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Floating Label"),navigator.clipboard.writeText("Floating Label")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Hidden Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Hidden Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Hidden Label"),navigator.clipboard.writeText("Hidden Label")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Hidden Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Hidden Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Hidden Label"),navigator.clipboard.writeText("Hidden Label")},children:"Copy code"})]})]})})]})},eu=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Basic"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Basic"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Basic"),navigator.clipboard.writeText("(Default) Basic")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Basic\n'),navigator.clipboard.writeText('\n (Default) Basic\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Basic"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Basic"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Basic"),navigator.clipboard.writeText("(Default) Basic")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Helper Message"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Helper Message"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Helper Message"),navigator.clipboard.writeText("Helper Message")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Helper Message"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Helper Message"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Helper Message"),navigator.clipboard.writeText("Helper Message")},children:"Copy code"})]})]})})]})},ep=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Empty"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Empty"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Filled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Filled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]})]})})]})},em=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Empty"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Empty"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Filled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Filled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},ex=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]})]})})]})},eg=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Optional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Optional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Optional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Optional\n'),navigator.clipboard.writeText('\n (Default) Optional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Optional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Required"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Required"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Required"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Required"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]})]})})]})},ev=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"regular (Default)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]})]})})]})},eD=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Def) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Checked"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Checked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Checked"),navigator.clipboard.writeText("Checked")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},eB=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Def) Weak + checked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Def) Weak + checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Def) Weak + checked\n'),navigator.clipboard.writeText('\n (Def) Weak + checked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Strong + checked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong + checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong + checked\n'),navigator.clipboard.writeText('\n Strong + checked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]})]})})]})},ej=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Def) No Visual Aid + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + unchecked'),navigator.clipboard.writeText('(Def) No Visual Aid + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) No Visual Aid + unchecked"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) No Visual Aid + unchecked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) No Visual Aid + unchecked"),navigator.clipboard.writeText("(Def) No Visual Aid + unchecked")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) No Visual Aid + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + unchecked'),navigator.clipboard.writeText('(Def) No Visual Aid + unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Visual Aid + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + unchecked'),navigator.clipboard.writeText('Visual Aid + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Visual Aid + unchecked"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Visual Aid + unchecked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Visual Aid + unchecked"),navigator.clipboard.writeText("Visual Aid + unchecked")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Visual Aid + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + unchecked'),navigator.clipboard.writeText('Visual Aid + unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Def) No Visual Aid + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + checked'),navigator.clipboard.writeText('(Def) No Visual Aid + checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n (Def) No Visual Aid + checked\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n (Def) No Visual Aid + checked\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n (Def) No Visual Aid + checked\n"),navigator.clipboard.writeText("\n (Def) No Visual Aid + checked\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) No Visual Aid + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + checked'),navigator.clipboard.writeText('(Def) No Visual Aid + checked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Visual Aid + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + checked'),navigator.clipboard.writeText('Visual Aid + checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Visual Aid + checked\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Visual Aid + checked\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Visual Aid + checked\n"),navigator.clipboard.writeText("\n Visual Aid + checked\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Visual Aid + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + checked'),navigator.clipboard.writeText('Visual Aid + checked')},children:"Copy code"})]})]})})]})},eT=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Def) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},ef=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Def) Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'No Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]})]})})]})},ew=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Custom Icons'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons\n'),navigator.clipboard.writeText('\n Custom Icons\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Custom Icons+ Emphasis'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n Custom Icons+ Emphasis\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Custom Icons+ Emphasis\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n \n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons+ Emphasis\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons+ Emphasis\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons+ Emphasis'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]})]})})]})},ey=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},ek=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},eN=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},eC=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},eL=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Custom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom\n'),navigator.clipboard.writeText('\n Custom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]})]})})]})},e_=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n regular (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n regular (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n regular (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]})]})})]})},eR=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Docked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Docked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Docked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Standalone\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Standalone\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Standalone\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Overlay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Overlay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Overlay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]})]})})]})},eE=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Permanent'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n

    (Default) Permanent

    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n

    (Default) Permanent

    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n

    (Default) Permanent

    \n
    '),navigator.clipboard.writeText('
    \n

    (Default) Permanent

    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Permanent'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Permanent'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Closeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n

    Closeable

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n

    Closeable

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n

    Closeable

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n

    Closeable

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Closeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Closeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]})]})})]})},eA=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Block'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Block\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Block\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Block\n'),navigator.clipboard.writeText('\n Text & Textlink Block\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Block'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Inline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Inline\n'),navigator.clipboard.writeText('\n Text & Textlink Inline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Textlink Inline & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})})]})},eS=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Block'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Block\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Block\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Block\n'),navigator.clipboard.writeText('\n Text & Textlink Block\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Block'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Inline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Inline\n'),navigator.clipboard.writeText('\n Text & Textlink Inline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Textlink Inline & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})})]})},eO=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Timed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eF=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Weak'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Weak'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Weak'),navigator.clipboard.writeText('(Default) Weak')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},eV=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Adaptive Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Adaptive Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Adaptive Strong\n'),navigator.clipboard.writeText('\n Adaptive Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Small"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})})]})},eW=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text - Medium\n'),navigator.clipboard.writeText('\n (Default) Text - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Dot - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Dot - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Dot - Small"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Dot - Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Dot - Small"),navigator.clipboard.writeText("Dot - Small")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Dot - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Dot - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Medium'),navigator.clipboard.writeText('Dot - Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Dot - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Dot - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Dot - Medium\n'),navigator.clipboard.writeText('\n Dot - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Dot - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Dot - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Dot - Medium\n'),navigator.clipboard.writeText('\n Dot - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Dot - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Medium'),navigator.clipboard.writeText('Dot - Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Icon - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Icon - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]})]})})]})},eU=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Inline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Inline\n'),navigator.clipboard.writeText('\n (Default) Inline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Top - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Top - Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Top - Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Top - Left\n'),navigator.clipboard.writeText('\n Corner - Top - Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Center - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Center - Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Center - Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Center - Left\n'),navigator.clipboard.writeText('\n Corner - Center - Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Bottom- Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Bottom- Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Bottom- Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Bottom- Left\n'),navigator.clipboard.writeText('\n Corner - Bottom- Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Top - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Top - Right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Top - Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Top - Right\n'),navigator.clipboard.writeText('\n Corner - Top - Right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Center - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Center - Right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Center - Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Center - Right\n'),navigator.clipboard.writeText('\n Corner - Center - Right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Bottom- Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Bottom- Right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Bottom- Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Bottom- Right\n'),navigator.clipboard.writeText('\n Corner - Bottom- Right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]})]})})]})},ez=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]})]})})})},eq=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    Functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    functional
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    functional
    '),navigator.clipboard.writeText('
    functional
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})})]})},eJ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Level 1 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Level 1 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Level 1 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Level 2 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Level 2 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Level 2 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Level 3 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Level 3 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Level 3 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]})]})})]})},eG=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Small\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) Small\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) Small\n
    '),navigator.clipboard.writeText('
    \n (Default) Small\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'No Spacing'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n No Spacing\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n No Spacing\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n No Spacing\n
    '),navigator.clipboard.writeText('
    \n No Spacing\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Spacing'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Spacing'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Medium\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Medium\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Medium\n
    '),navigator.clipboard.writeText('
    \n Medium\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})})]})},eY=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Non interactive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Non interactive
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Non interactive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Non interactive
    '),navigator.clipboard.writeText('
    (Default) Non interactive
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Non interactive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Non interactive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Interactive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive\n
    '),navigator.clipboard.writeText('
    \n Interactive\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Interactive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Interactive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]})]})})]})},e$=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 1 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 1 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 1 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 1 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 2 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 2 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 2 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 2 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 3 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 3 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 3 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 3 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eQ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive - Horizontal"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Adaptive - Vertical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]})]})})]})},eX=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},e0=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n functional\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n functional\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n functional\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n functional\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n '),navigator.clipboard.writeText('\n functional\n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Regular (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Regular (Default)\n'),navigator.clipboard.writeText('\n Regular (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Regular (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Regular (Default)\n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Regular (Default)\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Regular (Default)\n '),navigator.clipboard.writeText('\n Regular (Default)\n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n expressive\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n expressive\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n expressive\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n expressive\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n '),navigator.clipboard.writeText('\n expressive\n ')},children:"Copy code"})]})]})})]})},e1=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n With padding (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n With padding (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With padding (Default)\n'),navigator.clipboard.writeText('\n With padding (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With padding (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With padding (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With padding (Default)'),navigator.clipboard.writeText('With padding (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Full\n'),navigator.clipboard.writeText('\n Full\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Full\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Full\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Full\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Full\n '),navigator.clipboard.writeText('\n Full\n ')},children:"Copy code"})]})]})})]})},e2=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No rounding (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No rounding (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No rounding (Default)\n'),navigator.clipboard.writeText('\n No rounding (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No rounding (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No rounding (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No rounding (Default)'),navigator.clipboard.writeText('No rounding (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Rounded\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Rounded\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Rounded\n'),navigator.clipboard.writeText('\n Rounded\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Rounded\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Rounded\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Rounded\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Rounded\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Rounded'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Rounded'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Rounded'),navigator.clipboard.writeText('Rounded')},children:"Copy code"})]})]})})]})},e3=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Medium (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium (Default)\n'),navigator.clipboard.writeText('\n Medium (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Medium (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium (Default)'),navigator.clipboard.writeText('Medium (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Small\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Large\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Large\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Large\n'),navigator.clipboard.writeText('\n Large\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Large\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Large\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Large\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Large\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n None\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n None\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'None'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'None'===t?"check":"copy",variant:"ghost",onClick:()=>{n('None'),navigator.clipboard.writeText('None')},children:"Copy code"})]})]})})]})},e4=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n With Backdrop (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n With Backdrop (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With Backdrop (Default)\n'),navigator.clipboard.writeText('\n With Backdrop (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With Backdrop (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Backdrop (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Backdrop (Default)'),navigator.clipboard.writeText('With Backdrop (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Backdrop-weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Backdrop-weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Backdrop-weak\n'),navigator.clipboard.writeText('\n Backdrop-weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Backdrop-weak'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Backdrop-weak'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Backdrop-weak'),navigator.clipboard.writeText('Backdrop-weak')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No Backdrop\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Backdrop\n'),navigator.clipboard.writeText('\n No Backdrop\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n No Backdrop\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n No Backdrop\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Backdrop'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Backdrop'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Backdrop'),navigator.clipboard.writeText('No Backdrop')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No Backdrop\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Backdrop\n'),navigator.clipboard.writeText('\n No Backdrop\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n No Backdrop\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n No Backdrop\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Backdrop'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Backdrop'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Backdrop'),navigator.clipboard.writeText('No Backdrop')},children:"Copy code"})]})]})})]})},e9=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Right (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Right (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Right (Default)\n'),navigator.clipboard.writeText('\n Right (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Right (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Right (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Right (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Right (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Right (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Right (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Right (Default)'),navigator.clipboard.writeText('Right (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Left\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Left'),navigator.clipboard.writeText('Left')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Up\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Up\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Up\n'),navigator.clipboard.writeText('\n Up\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Up\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Up\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Up\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Up\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Up'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Up'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Up'),navigator.clipboard.writeText('Up')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Down\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Down\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Down\n'),navigator.clipboard.writeText('\n Down\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Down\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Down\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Down\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Down\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Down'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Down'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Down'),navigator.clipboard.writeText('Down')},children:"Copy code"})]})]})})]})},e8=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e6=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e5=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e7=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'With Application Name + Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Application Name + Navigation'),navigator.clipboard.writeText('With Application Name + Navigation')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n With Application Name + Navigation\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n With Application Name + Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n With Application Name + Navigation\n"),navigator.clipboard.writeText("\n With Application Name + Navigation\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With Application Name + Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Application Name + Navigation'),navigator.clipboard.writeText('With Application Name + Navigation')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Without Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Navigation'),navigator.clipboard.writeText('Without Navigation')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Without Navigation\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Without Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Navigation\n"),navigator.clipboard.writeText("\n Without Navigation\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Without Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Navigation'),navigator.clipboard.writeText('Without Navigation')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Without Application Name'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Application Name'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name'),navigator.clipboard.writeText('Without Application Name')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Without Application Name\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Without Application Name\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Application Name\n"),navigator.clipboard.writeText("\n Without Application Name\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Without Application Name'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Application Name'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name'),navigator.clipboard.writeText('Without Application Name')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Without Application Name + Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name + Navigation'),navigator.clipboard.writeText('Without Application Name + Navigation')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Without Application Name + Navigation\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Without Application Name + Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Application Name + Navigation\n"),navigator.clipboard.writeText("\n Without Application Name + Navigation\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Without Application Name + Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name + Navigation'),navigator.clipboard.writeText('Without Application Name + Navigation')},children:"Copy code"})]})]})})]})},at=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},an=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Full"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Full
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Full
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Full
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Full
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Medium
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Medium
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Medium
    \n
    '),navigator.clipboard.writeText('
    \n
    Medium
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Large
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Large
    \n
    '),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})})]})},ae=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Medium
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Medium
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Medium
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Medium
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Large
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Large
    \n
    '),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Small
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Small
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Small
    \n
    '),navigator.clipboard.writeText('
    \n
    Small
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},aa=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})})]})},ai=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},ao=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Enabled (Default)/Hover/Pressed"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Active"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Active"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Active"),navigator.clipboard.writeText("Active")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},al=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icons (Leading, Chevron)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icons (Leading, Chevron)\n'),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Text - Icon (Chevron)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Icon (Chevron)"),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]})]})})]})},ar=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Auto"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]})]})})]})},as=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},ac=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) Small\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n (Default) Small\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n (Default) Small\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n (Default) Small\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Medium\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Medium\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Medium\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Medium\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n None\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n None\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n None\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n None\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]})]})})]})},ad=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n bottom-start\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n bottom-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n bottom-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n bottom-start\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) bottom\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n (Default) bottom\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n (Default) bottom\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n (Default) bottom\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n bottom-end\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n bottom-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n bottom-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n bottom-end\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left-start\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left-start\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left-end\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left-end\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right-start\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right-start\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right-end\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right-end\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top-start\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top-start\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top-end\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top-end\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]})]})})]})},ab=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) No gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) No gap
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) No gap
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) No gap
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) No gap
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'With gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With gap'),navigator.clipboard.writeText('With gap')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n With gap\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n With gap\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n With gap\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n With gap\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n With gap\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n With gap\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With gap\n'),navigator.clipboard.writeText('\n With gap\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With gap'),navigator.clipboard.writeText('With gap')},children:"Copy code"})]})]})})]})},ah=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Animation no delay'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Animation no delay
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Animation no delay
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Animation no delay
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Animation no delay
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Animation no delay'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Animation no delay'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Delay slow\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Delay slow\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Delay slow\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Delay slow\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Delay fast\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Delay fast\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Delay fast\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Delay fast\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n No animation\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n No animation\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n No animation\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n No animation\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]})]})})]})},au=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    (Default) Auto
    \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    (Default) Auto
    \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    (Default) Auto
    \n'),navigator.clipboard.writeText('\n
    (Default) Auto
    \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n Fixed\n
    \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n Fixed\n
    \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n Fixed\n
    \n'),navigator.clipboard.writeText('\n
    \n Fixed\n
    \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]})]})})]})},ap=JSON.parse('[{"label":"Action","name":"action","path":"/components/action","subNavigation":[{"label":"DBButton","name":"button"},{"label":"DBLink","name":"link"}]},{"label":"Data-Display","path":"/components/data-display","name":"data-display","subNavigation":[{"label":"DBBrand","name":"brand"},{"label":"DBTooltip","name":"tooltip"},{"label":"DBInfotext","name":"infotext"},{"label":"DBTag","name":"tag"},{"label":"DBAccordion","name":"accordion","subNavigation":[{"label":"DBAccordionItem Properties","path":"/components/accordion-item/properties"}]},{"label":"DBAccordionItem","name":"accordion-item","isHiddenInMenu":true},{"label":"DBTabs","name":"tabs","subNavigation":[{"label":"DBTabItem Properties","path":"/components/tab-item/properties"}]},{"label":"DBTabItem","name":"tab-item","isHiddenInMenu":true}]},{"label":"Data-Input","path":"/components/data-input","name":"data-input","subNavigation":[{"label":"DBCheckbox","name":"checkbox"},{"label":"DBInput","name":"input"},{"label":"DBRadio","name":"radio"},{"label":"DBSelect","name":"select"},{"label":"DBSwitch","name":"switch"},{"label":"DBTextarea","name":"textarea"}]},{"label":"Feedback","path":"/components/feedback","name":"feedback","subNavigation":[{"label":"DBNotification","name":"notification"},{"label":"DBBadge","name":"badge"}]},{"label":"Layout","path":"/components/layout","name":"layout","subNavigation":[{"label":"DBCard","name":"card"},{"label":"DBDivider","name":"divider"},{"label":"DBDrawer","name":"drawer"},{"label":"DBHeader","name":"header"},{"label":"DBSection","name":"section"}]},{"label":"Navigation","path":"/components/navigation","name":"navigation","subNavigation":[{"label":"DBNavigation","name":"navigation","subNavigation":[{"label":"DBNavigationItem Properties","path":"/components/navigation-item/properties"}]},{"label":"DBNavigationItem","name":"navigation-item","isHiddenInMenu":true}]},{"label":"Utilities","path":"/components/utilities","name":"utilities","subNavigation":[{"label":"DBPopover","name":"popover"}]}]');let am={button:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBButton",variants:W(M,U,t.slotCode)}),{slotCode:a}),link:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBLink",variants:W(z,q,t.slotCode)}),{slotCode:i}),brand:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBBrand",variants:W(te,ti,t.slotCode)}),{slotCode:r}),tooltip:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBTooltip",variants:W(tl,tr,t.slotCode)}),{slotCode:s}),infotext:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBInfotext",variants:W(ts,tc,t.slotCode)}),{slotCode:c}),tag:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBTag",variants:W(tb,th,t.slotCode)}),{slotCode:d}),accordion:(0,N.jsx)(t=>(0,N.jsx)("div",{children:(0,N.jsx)(V,{title:"DBAccordion",subComponent:t.subComponent,variants:W($,K,t.slotCode)})}),{slotCode:o,subComponent:(0,N.jsx)(tt,{isSubComponent:!0,componentName:"accordion-item",slotCode:l})}),"accordion-item":(0,N.jsx)(tt,{slotCode:l}),tabs:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBTabs",subComponent:t.subComponent,variants:W(tg,tv,t.slotCode)}),{slotCode:b,subComponent:(0,N.jsx)(tj,{isSubComponent:!0,componentName:"tab-item",slotCode:h})}),"tab-item":(0,N.jsx)(tj,{slotCode:h}),checkbox:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBCheckbox",variants:W(tf,tw,t.slotCode)}),{slotCode:u}),input:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBInput",variants:W(tk,tZ,t.slotCode)}),{slotCode:p}),radio:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBRadio",variants:W(tN,tC,t.slotCode)}),{slotCode:m}),select:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBSelect",variants:W(t_,tR,t.slotCode)}),{slotCode:x}),switch:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBSwitch",variants:W(tH,tA,t.slotCode)}),{slotCode:g}),textarea:(0,N.jsx)(t=>(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(V,{title:"DBTextarea",variants:W(tO,tP,t.slotCode)})}),{slotCode:v}),notification:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBNotification",variants:W(tV,tU,t.slotCode)}),{slotCode:D}),badge:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBBadge",variants:W(tJ,tG,t.slotCode)}),{slotCode:B}),card:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBCard",variants:W(tY,t$,t.slotCode)}),{slotCode:j}),divider:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBDivider",variants:W(tK,tQ,t.slotCode)}),{slotCode:T}),drawer:(0,N.jsx)(t=>{let[n,e]=(0,L.useState)(void 0);return(0,N.jsx)(V,{title:"DBDrawer",variants:W(t0,t=>t1({...t,openDrawer:n,setOpenDrawer:e}),t.slotCode)})},{slotCode:f}),header:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBHeader",variants:W(t9,t8,t.slotCode)}),{slotCode:w}),section:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBSection",variants:W(t5,t7,t.slotCode)}),{slotCode:y}),navigation:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBNavigation",subComponent:t.subComponent,variants:W(nt,nn,t.slotCode)}),{slotCode:k,subComponent:(0,N.jsx)(ni,{isSubComponent:!0,componentName:"navigation-item",slotCode:Z})}),"navigation-item":(0,N.jsx)(ni,{slotCode:Z}),popover:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBPopover",variants:W(nl,nr,t.slotCode)}),{slotCode:I})},ax=ap.map(t=>{var n;return{...t,subNavigation:null===(n=t.subNavigation)||void 0===n?void 0:n.map(t=>({...t,component:t.name?am[t.name]:void 0}))}}),ag=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Densities",path:"/foundations/densities",subNavigation:[{label:"Readme",path:"/foundations/densities/readme"},{label:"Examples",path:"/foundations/densities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},{label:"Validation",path:"/components/validation"},...ax.map(t=>{var n;return{...t,subNavigation:null==t?void 0:null===(n=t.subNavigation)||void 0===n?void 0:n.map(n=>{var e;return{label:n.label,path:"/components/".concat(t.name,"/").concat(n.name),isHiddenInMenu:n.isHiddenInMenu,subNavigation:[{label:"Overview",path:"/components/".concat(t.name,"/").concat(n.name,"/overview")},{label:"Properties",path:"/components/".concat(t.name,"/").concat(n.name,"/properties")},{label:"How to use",path:"/components/".concat(t.name,"/").concat(n.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(t.name,"/").concat(n.name,"/migration")},...null!==(e=n.subNavigation)&&void 0!==e?e:[]]}})}})]}],av=(t,n,e,a)=>{for(let o of t){var i;n.push(e?o:{...o,label:a?"".concat(a,":").concat(o.label):o.label}),o.subNavigation&&(null===(i=o.subNavigation)||void 0===i?void 0:i.length)>0&&av(o.subNavigation,n,e,e?void 0:o.label)}},aD=t=>{let n=[];return av(ag,n,t),n},aB=t=>{let n=aD().filter(t=>!t.subNavigation),e=n.findIndex(n=>n.path===t);return{previous:0===e?void 0:n[e-1],next:e+1===n.length?void 0:n[e+1]}},aj=t=>aD(!0).filter(n=>{var e;return t.includes(null!==(e=n.path)&&void 0!==e?e:"")}),aT=()=>ax.filter(t=>{let{name:n}=t;return!!n}).map(t=>{let{name:n}=t;return n})}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2811],{92811:function(t,n,e){e.d(n,{Z6:function(){return ag},Ec:function(){return ax},tp:function(){return aT},vY:function(){return aD},kn:function(){return aj},vn:function(){return aB}});var a={};e.r(a),e.d(a,{Behaviour:function(){return nu},Content:function(){return nh},Density:function(){return ns},Size:function(){return nb},State:function(){return nd},Variant:function(){return nc}});var i={};e.r(i),e.d(i,{Content:function(){return nv},Density:function(){return np},InteractionStates:function(){return nx},Semantic:function(){return nm},Size:function(){return ng}});var o={};e.r(o),e.d(o,{Behaviour:function(){return nj},Density:function(){return nD},Variant:function(){return nB}});var l={};e.r(l),e.d(l,{ContentStates:function(){return nw},Density:function(){return nT},InteractionStates:function(){return nf}});var r={};e.r(r),e.d(r,{Tonality:function(){return ny},Variants:function(){return nk}});var s={};e.r(s),e.d(s,{Animations:function(){return n_},Density:function(){return nZ},Emphasis:function(){return nN},Placement:function(){return nC},Variant:function(){return nI},Width:function(){return nL}});var c={};e.r(c),e.d(c,{Density:function(){return nR},Semantic:function(){return nE},Size:function(){return nH}});var d={};e.r(d),e.d(d,{Behaviour:function(){return nP},Content:function(){return nV},Density:function(){return nA},Emphasis:function(){return nS},Example:function(){return nW},Overflow:function(){return nM},Semantic:function(){return nO},State:function(){return nF}});var b={};e.r(b),e.d(b,{Examples:function(){return nG},Orientation:function(){return nz},Overflow:function(){return nJ},Tonality:function(){return nU},Width:function(){return nq}});var h={};e.r(h),e.d(h,{Behaviour:function(){return nQ},Content:function(){return nK},ContentAlignmentFullWidth:function(){return nX},Density:function(){return nY},States:function(){return n$}});var u={};e.r(u),e.d(u,{Content:function(){return n9},Density:function(){return n0},InteractionStates:function(){return n1},Requirement:function(){return n4},Size:function(){return n3},States:function(){return n2}});var p={};e.r(p),e.d(p,{Content:function(){return en},Density:function(){return n8},ExampleTypes:function(){return ea},ExampleTypesFloatingLabel:function(){return ei},Requirement:function(){return ee},StatesFloatingLabel:function(){return et},StatesLabelAbove:function(){return n7},VariantHelperMessage:function(){return n5},VariantLabel:function(){return n6}});var m={};e.r(m),e.d(m,{Content:function(){return ed},Density:function(){return eo},InteractionStates:function(){return el},Requirement:function(){return ec},Size:function(){return es},States:function(){return er}});var x={};e.r(x),e.d(x,{Content:function(){return ex},Density:function(){return eb},Requirement:function(){return eg},StatesFloatingLabel:function(){return em},StatesLabelAbove:function(){return ep},VariantHelperMessage:function(){return eu},VariantLabel:function(){return eh}});var g={};e.r(g),e.d(g,{Content:function(){return ef},Density:function(){return ev},Emphasis:function(){return eB},Examples:function(){return ew},Size:function(){return eT},States:function(){return eD},VisualAid:function(){return ej}});var v={};e.r(v),e.d(v,{Density:function(){return ey},Requirement:function(){return eC},Rows:function(){return eL},StatesFloatingLabel:function(){return eN},StatesLabelAbove:function(){return eI},VariantHelperMessage:function(){return eZ},VariantLabel:function(){return ek}});var D={};e.r(D),e.d(D,{Behaviour:function(){return eH},ContentVariantDocked:function(){return eA},ContentVariantOverlay:function(){return eO},ContentVariantStandalone:function(){return eS},Density:function(){return e_},Semantic:function(){return eE},Variant:function(){return eR}});var B={};e.r(B),e.d(B,{Content:function(){return eW},Density:function(){return eP},Emphasis:function(){return eF},Examples:function(){return ez},Placement:function(){return eU},Semantic:function(){return eV},Size:function(){return eM}});var j={};e.r(j),e.d(j,{Behaviour:function(){return eY},Density:function(){return eq},ElevationLevel:function(){return eJ},Example:function(){return e$},Spacing:function(){return eG}});var T={};e.r(T),e.d(T,{Density:function(){return eK},Emphasis:function(){return eX},Variant:function(){return eQ}});var f={};e.r(f),e.d(f,{Backdrop:function(){return e4},Density:function(){return e0},Directions:function(){return e9},Rounded:function(){return e2},Size:function(){return e1},Spacing:function(){return e3}});var w={};e.r(w),e.d(w,{Behaviour:function(){return e5},Examples:function(){return e7},Tonality:function(){return e8},Width:function(){return e6}});var y={};e.r(y),e.d(y,{Density:function(){return at},Spacing:function(){return ae},Width:function(){return an}});var k={};e.r(k),e.d(k,{Density:function(){return aa}});var Z={};e.r(Z),e.d(Z,{Content:function(){return al},Density:function(){return ai},InteractionStates:function(){return ao},Width:function(){return ar}});var I={};e.r(I),e.d(I,{Animations:function(){return ah},Density:function(){return as},Gap:function(){return ab},Placement:function(){return ad},Spacing:function(){return ac},Width:function(){return au}});var N=e(52322),C=e(10326),L=e(2784),_=e(70741),R=e(45886),E=e(50350),H=e(39846),A=e(82876),S=()=>{let t=(0,A.useRouter)(),n=(0,A.usePathname)(),[e,a]=[(0,A.useSearchParams)()];return[e,e=>{{let t=new URLSearchParams(window.location.href.split("?")[1]);t.sort();let n=new URLSearchParams(e);if(n.sort(),t.toString()===n.toString())return}a?a(e):n&&(null==t||t.push("".concat(n,"?").concat(new URLSearchParams(e).toString())))}]},O=function(){var t,n;let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[a,i]=S(),[o,l]=(0,L.useState)(null!==(t=a.get(H.eM))&&void 0!==t?t:H.pw.REGULAR),[r,s]=(0,L.useState)(null!==(n=a.get(H.a_))&&void 0!==n?n:H.r$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,L.useState)(void 0),[b,h]=(0,L.useState)(!1),[u,p]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{for(let[t,n]of Array.from(a.entries()))n&&(t===H.eM&&o!==n&&l(n),t===H.a_&&r!==n&&s(n),"page"===t&&c!==n.toLowerCase()&&d(n.toLowerCase()),"fullscreen"===t&&!!n!==b&&h(!!n));p(!0)},[a]),(0,L.useEffect)(()=>{if(u){let t={density:o,color:r};c&&(t.page=c),b&&(t.fullscreen=!0),e&&i(t)}},[r,o,c,b,u]),[o,l,r,s,c,b]},P=e(34406);let F=t=>{let{examples:n,color:e,SlotCode:a}=t,i=(0,L.useCallback)(()=>(null==e?void 0:e.includes("3"))?"3":(null==e?void 0:e.includes("2"))?"2":"1",[e]),[o,l]=(0,L.useState)();return(0,N.jsxs)(_.Z,{className:"variants-card db-code-docs",elevationLevel:i(),children:[(0,N.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,N.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),a&&(0,N.jsxs)("details",{className:"code-details",onToggle:()=>{l(!o)},children:[(0,N.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:o?"Hide code":"Show code"}),(0,N.jsxs)("div",{className:"db-density-functional",children:[(0,N.jsx)("div",{className:"backdrop"}),(0,N.jsx)(_.Z,{className:"code",spacing:"small",children:(0,N.jsx)(a,{})})]})]})]})};var V=t=>{var n;let{title:e,variants:a,subComponent:i,isSubComponent:o,componentName:l}=t,r=null==P||null===(n=P.env)||void 0===n,s=O(r)[4],c=O(r)[2],d=t=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);return n.set("page",t.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(n.toString())}},b=(t,n)=>{var e;if(!window.location.origin||!window.location.href)return;let a=window.location.href.split("?"),i=a[0],o=new URLSearchParams(null!==(e=a[1])&&void 0!==e?e:"");o.set("page",n.toLowerCase());let r=l?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(l,"/overview")),"?").concat(o.toString()):"".concat(a[0],"?").concat(o.toString());window.open(r,"_blank")};if(s){let t=a.find(t=>t.name.toLowerCase()===s);if(t)return(0,N.jsx)(F,{...t,color:c})}return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)("div",{className:"default-container",children:[(0,N.jsx)(o?"h2":"h1",{children:e}),null==a?void 0:a.map((t,n)=>(0,N.jsxs)("div",{children:[(0,N.jsx)(R.Z,{}),(0,N.jsx)(E.Z,{className:"link-headline",content:"external",target:"_blank",onClick:n=>{b(n,t.name)},href:d(t.name),children:t.name}),(0,N.jsx)(F,{...t,color:c})]},"".concat(t.name,"-").concat(n)))]}),i]})},M=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive","props":{}},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"State","examples":[{"name":"(Default) Enabled","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon & Text","props":{"icon":"user"}},{"name":"Icon","props":{"icon":"user","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]');let W=(t,n,e)=>t.map((t,a)=>({...t,SlotCode:null==e?void 0:e[t.name.replaceAll(" ","")],examples:t.examples.map((t,e)=>{var a,i,o,l;return{...t,example:n({...t.props,id:null!==(o=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==o?o:t.name,children:null!==(l=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==l?l:t.name})}})})),U=t=>{let{variant:n,state:e,size:a,noText:i,icon:o,width:l,disabled:r,children:s}=t;return(0,N.jsx)(C.Z,{variant:n,state:e,size:a,noText:i,icon:o,disabled:r,width:l,onClick:()=>{alert(s.toString())},children:s})};var z=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"href":"#"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"href":"#"}},{"name":"Expressive","className":"db-density-expressive","props":{"href":"#"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"brand"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","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"}}]}]');let q=t=>{let{href:n,variant:e,disabled:a,size:i,content:o,children:l}=t;return(0,N.jsx)(E.Z,{href:n,variant:e,disabled:a,size:i,content:o,children:l})};var J=e(47437),G=e(38663),Y=e(70453),$=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Variant","examples":[{"name":"background (default)","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"card","props":{"variant":"card"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]}]');let K=t=>{let{behaviour:n,children:e,variant:a}=t;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(J.Z,{size:"small",semantic:"informational",icon:"none",children:e}),(0,N.jsxs)(G.Z,{behaviour:n,variant:a,children:[(0,N.jsx)(Y.Z,{headlinePlain:"Item 1",content:"Content 1"}),(0,N.jsx)(Y.Z,{headlinePlain:"Item 2",content:"Content 2"}),(0,N.jsx)(Y.Z,{headlinePlain:"Item 3",content:"Content 3"})]})]})};var Q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"headlinePlain":"Functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"headlinePlain":"(Default) Regular"}},{"name":"Expressive","className":"db-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}}]}]');let X=t=>{let{children:n,disabled:e,open:a,headlinePlain:i}=t;return(0,N.jsx)(Y.Z,{headlinePlain:i,disabled:e,defaultOpen:a,children:n})};var tt=t=>(0,N.jsx)(V,{title:"DBAccordionItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:W(Q,X,t.slotCode)}),tn=e(98310),te=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Variants","examples":[{"name":"(Default) With Logo","props":{}},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]'),ta=e(34406);let ti=t=>{var n,e;let{children:a,hideLogo:i,customLogo:o}=t;return(0,N.jsxs)(tn.Z,{hideLogo:i,children:[o&&(0,N.jsx)("img",{src:"".concat(null!==(e=null==ta?void 0:null===(n=ta.env)||void 0===n?void 0:"/mono/review/fix-2678-tag-default-html")&&void 0!==e?e:"/react-showcase","/assets/images/placeholder.jpg"),alt:"logo"}),a]})};var to=e(79031),tl=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","className":"db-density-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","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","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","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"}}]}]');let tr=t=>{let{children:n,width:e,emphasis:a,placement:i,delay:o,content:l,animation:r,variant:s}=t;return(0,N.jsxs)(C.Z,{children:[n,(0,N.jsx)(to.Z,{width:e,emphasis:a,placement:i,animation:r,delay:o,variant:s,children:l})]})};var ts=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","props":{}},{"name":"Small","props":{"size":"small"}}]}]');let tc=t=>{let{semantic:n,size:e,icon:a,children:i}=t;return(0,N.jsx)(J.Z,{semantic:n,size:e,icon:a,children:i})};var td=e(73253),tb=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","examples":[{"name":"(Default) Static","props":{}},{"name":"Interactive Button","props":{"component":"button"},"code":{"angular":"","html":"
    ","react":"","vue":""}},{"name":"Interactive Link","props":{"component":"link"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"code":{"angular":"","html":"
    ","react":"","vue":""}},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"code":{"angular":"","html":"
    ","react":"","vue":""}},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01","code":{"angular":"","html":"
    ","react":"/DBTag>","vue":""}}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"code":{"angular":"","html":"
    ","react":"","vue":""}},{"name":"Checked","props":{"component":"checkbox","checked":true},"code":{"angular":"","html":"
    ","react":"","vue":""}},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"code":{"angular":"","html":"
    ","react":"","vue":""}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon","props":{"icon":"user","noText":true}},{"name":"Icon & Text","props":{"icon":"user"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"user","behaviour":"removable"},"code":{"angular":"","html":"
    ","react":"","vue":""}},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"user"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"user"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"","vue":""}},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02"},"code":{"angular":"","html":"
    ","react":"/DBTag>","vue":""}},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02","code":{"angular":"","html":"
    ","react":"/DBTag>","vue":""}}}]}]');let th=t=>{let{semantic:n,disabled:e,children:a,icon:i,overflow:o,noText:l,behaviour:r,emphasis:s,removeButton:c,checked:d,component:b,identifier:h}=t,[u,p]=(0,L.useState)(null!=d&&d);return(0,N.jsxs)(td.Z,{semantic:n,disabled:e,icon:i,noText:l,behaviour:r,emphasis:s,overflow:o,removeButton:c,onRemove:()=>{alert(a.toString())},children:["button"===b&&(0,N.jsx)("button",{children:a}),"link"===b&&(0,N.jsx)("a",{href:"#",children:a}),"checkbox"===b&&(0,N.jsxs)("label",{children:[(0,N.jsx)("input",{type:"checkbox",checked:u,onChange:t=>{p(t.target.checked)}}),a]}),"radio"===b&&(0,N.jsxs)("label",{children:[(0,N.jsx)("input",{type:"radio",checked:d,name:h}),a]}),!b&&!o&&(0,N.jsx)(N.Fragment,{children:a}),!b&&o&&(0,N.jsx)("span",{children:a})]})};var tu=e(57092),tp=e(57884),tm=e(57284),tx=e(49953),tg=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]');let tv=t=>{let{children:n,orientation:e,width:a,alignment:i,overflow:o,behaviour:l,initialSelectedMode:r,initialSelectedIndex:s}=t;return(0,N.jsxs)("div",{className:"w-full",children:[(0,N.jsxs)(J.Z,{icon:"none",size:"small",semantic:"informational",children:[n,":"]}),(0,N.jsxs)(tu.Z,{orientation:e,width:a,alignment:i,behaviour:l,initialSelectedIndex:s,initialSelectedMode:r,arrowScrollDistance:75,children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Test 1"}),(0,N.jsx)(tm.Z,{children:"Test 2"}),(0,N.jsx)(tm.Z,{children:"Test 3"}),o&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tm.Z,{children:"Test 4"}),(0,N.jsx)(tm.Z,{children:"Test 5"})]})]}),(0,N.jsx)(tx.Z,{children:"Tab Panel 1"}),(0,N.jsx)(tx.Z,{children:"Tab Panel 2"}),(0,N.jsx)(tx.Z,{children:"Tab Panel 3"}),o&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tx.Z,{children:"Tab Panel 4"}),(0,N.jsx)(tx.Z,{children:"Tab Panel 5"})]})]})]})};var tD=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","className":"db-density-regular tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","className":"db-density-expressive 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"}}]}]');let tB=t=>{let{children:n,active:e,noText:a,icon:i,iconAfter:o,disabled:l}=t;return(0,N.jsx)(tp.Z,{children:(0,N.jsx)(tm.Z,{active:e,noText:a,icon:i,iconAfter:o,disabled:l,children:n})})};var tj=t=>(0,N.jsx)(V,{title:"DBTabItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:W(tD,tB,t.slotCode)}),tT=e(1689),tf=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]');let tw=t=>{let{label:n,size:e,name:a,checked:i,required:o,children:l,disabled:r,indeterminate:s,variant:c}=t;return(0,N.jsx)(tT.Z,{label:n,size:e,name:a,defaultChecked:i,required:o,disabled:r,variant:c,indeterminate:s,children:l})};var ty=e(49475),tk=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States 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":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"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":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Example - Types","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":"Number","props":{"label":"Label","type":"number"}},{"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 - Types - Floating Label","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"}}]}]');let tZ=t=>{let{label:n,value:e,type:a,minLength:i,required:o,disabled:l,iconAfter:r,icon:s,children:c,message:d,variant:b,readOnly:h}=t;return(0,N.jsx)(ty.Z,{label:n,message:d,placeholder:c,variant:b,defaultValue:e,type:a,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:r,icon:s})};var tI=e(78016),tN=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]');let tC=t=>{let{label:n,size:e,name:a,checked:i,required:o,children:l,disabled:r,value:s,variant:c}=t;return(0,N.jsx)(tI.Z,{label:n,size:e,name:a,defaultChecked:i,required:o,disabled:r,variant:c,value:s,children:l})};var tL=e(79081),t_=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","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"},{"value":"Option 2"}],"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","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"},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States 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"},{"value":"Option 2"}],"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled"},{"value":"Option 2"}],"label":"Label","disabled":true,"variant":"floating","value":"Disabled"}}]},{"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":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}}]}]');let tR=t=>{let{children:n,label:e,options:a,icon:i,message:o,disabled:l,value:r,required:s,variant:c}=t;return(0,N.jsx)(tL.Z,{label:e,placeholder:n,options:a,disabled:l,variant:c,icon:i,value:r,message:o,required:s,children:n})};var tE=e(55025),tH=JSON.parse('[{"name":"Density","examples":[{"name":"functional","className":"db-density-functional","props":{}},{"name":"regular (Default)","className":"db-density-regular","props":{}},{"name":"expressive","className":"db-density-expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled","props":{}},{"name":"Checked","props":{"checked":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Def) Weak + unchecked","props":{"emphasis":"weak"}},{"name":"Strong + unchecked","props":{"emphasis":"strong"}},{"name":"(Def) Weak + checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Def) No Visual Aid + unchecked","props":{"visualAid":false}},{"name":"Visual Aid + unchecked","props":{"visualAid":true}},{"name":"(Def) No Visual Aid + checked","props":{"visualAid":false,"checked":true}},{"name":"Visual Aid + checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Def) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label","props":{}},{"name":"No Label","props":{"variant":"hidden"}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"night","iconAfter":"day"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"lock_closed","iconAfter":"lock_open","emphasis":"strong"}}]}]');let tA=t=>{let{children:n,checked:e,visualAid:a,disabled:i,variant:o,emphasis:l,size:r,icon:s,iconAfter:c}=t;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tE.Z,{visualAid:a,defaultChecked:e,disabled:i,variant:o,size:r,emphasis:l,icon:s,iconAfter:c,children:n}),"hidden"===o&&(0,N.jsx)(J.Z,{semantic:"informational",icon:"none",children:n})]})};var tS=e(22723),tO=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States 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":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","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."}}]}]');let tP=t=>{let{cols:n,disabled:e,message:a,label:i,placeholder:o,rows:l,value:r,readOnly:s,required:c,children:d,variant:b}=t,[h,u]=(0,L.useState)(r);return(0,N.jsx)(tS.Z,{cols:n,disabled:e,message:a,label:i,variant:b,readOnly:s,onChange:t=>{u(t.target.value)},required:c,placeholder:null!=o?o:d,rows:l,value:h})};var tF=e(99242),tV=JSON.parse('[{"name":"Density","examples":[{"name":"functional","style":{"width":"300px"},"className":"db-density-functional","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"regular (Default)","style":{"width":"300px"},"className":"db-density-regular","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"expressive","style":{"width":"300px"},"className":"db-density-expressive","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}}]},{"name":"Variant","examples":[{"name":"(Default) Docked","style":{"width":"300px"},"props":{"variant":"docked","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Standalone","style":{"width":"300px"},"props":{"variant":"standalone","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Overlay","style":{"width":"300px"},"props":{"variant":"overlay","headline":"Headline","icon":"information_circle","behaviour":"closable","timestamp":"10 min ago"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","behaviour":"closable"}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","semantic":"neutral","headline":"Headline","behaviour":"closable"}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","semantic":"critical","headline":"Headline","behaviour":"closable"}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","semantic":"informational","headline":"Headline","behaviour":"closable"}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","semantic":"successful","headline":"Headline","behaviour":"closable"}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","semantic":"warning","headline":"Headline","behaviour":"closable"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Permanent","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Closeable","style":{"width":"300px"},"props":{"behaviour":"closable"}}]},{"name":"Content - Variant:Docked","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"}},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"}}]},{"name":"Content - Variant:Standalone","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"}},{"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"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"}}]},{"name":"Content - Variant:Overlay","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"}},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"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"}}]}]'),tM=e(34406);let tW=()=>{var t,n;return(null==tM?void 0:null===(t=tM.env)||void 0===t?void 0:"/mono/review/fix-2678-tag-default-html")?"/mono/review/fix-2678-tag-default-html":null===(n=window.env)||void 0===n?void 0:n.BASE_URL},tU=t=>{let{semantic:n,icon:e,headline:a,variant:i,children:o,behaviour:l,link:r,timestamp:s,linkVariant:c,img:d}=t;return(0,N.jsx)(tF.Z,{semantic:n,icon:e,headline:a,link:r?(0,N.jsx)(E.Z,{href:"#",children:"Textlink"}):void 0,image:d?(0,N.jsx)("img",{src:"".concat(tW(),"/assets/images/placeholder.jpg"),alt:"Placeholder"}):void 0,variant:i,behaviour:l,linkVariant:c,timestamp:s,onClose:()=>{alert(o.toString())},children:o})};var tz=e(82919),tq=e(74819),tJ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","props":{}},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","props":{"noContent":true}},{"name":"Dot - Medium","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]');let tG=t=>{let{children:n,semantic:e,emphasis:a,noContent:i,size:o,placement:l,example:r}=t;return(0,N.jsxs)(N.Fragment,{children:[!l&&!r&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tz.Z,{semantic:e,emphasis:a,size:o,children:i?"":n}),i&&(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),l&&"inline"!==l&&!r&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)(C.Z,{icon:"user",variant:"outlined",noText:!0,children:[(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),n]}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),"inline"===l&&(0,N.jsx)(N.Fragment,{children:(0,N.jsxs)("div",{className:"badge-inline-container",children:[(0,N.jsx)(tq.Z,{icon:"user"}),(0,N.jsx)("span",{children:n}),(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,N.jsx)(tq.Z,{icon:"error"})]})}),"icon"===r&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tz.Z,{semantic:"critical",emphasis:"strong",size:o,children:(0,N.jsx)(tq.Z,{icon:"user",children:n})}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),"number"===r&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(tz.Z,{semantic:"successful",children:"9"}),(0,N.jsx)(tz.Z,{semantic:"informational",children:"12"}),(0,N.jsx)(tz.Z,{semantic:"warning",children:"123"}),(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,N.jsx)(tz.Z,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]})]})};var tY=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}},{"name":"functional","className":"db-density-functional","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":"No Spacing","props":{"spacing":"none"}},{"name":"Medium","props":{"spacing":"medium"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Non interactive","props":{}},{"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"}}]}]');let t$=t=>{let{behaviour:n,children:e,spacing:a,elevationLevel:i}=t;return(0,N.jsx)(_.Z,{behaviour:n,spacing:a,elevationLevel:i,children:(0,N.jsx)("strong",{children:e})})};var tK=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"className":"db-density-functional","props":{}},{"name":"(Default) Regular","style":{"width":"200px"},"className":"db-density-regular","props":{}},{"name":"Expressive","style":{"width":"200px"},"className":"db-density-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]');let tQ=t=>{let{variant:n,emphasis:e,children:a}=t;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(J.Z,{size:"small",semantic:"informational",children:a}),(0,N.jsx)(R.Z,{variant:n,emphasis:e})]})};var tX=e(37402),t0=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    functional
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tfunctional\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t","vue":"\\n\\t\\tfunctional\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Regular (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRegular (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t","vue":"\\n\\t\\tRegular (Default)\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    expressive
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\texpressive\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t","vue":"\\n\\t\\texpressive\\n\\t"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With padding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith padding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith padding (Default)\\n\\t\\t\\t","vue":"With padding (Default)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Full
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tFull\\n","react":"\\t\\t\\t {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tFull\\n\\t\\t\\t","vue":"\\t\\n\\t\\tFull\\n\\t"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No rounding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo rounding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo rounding (Default)\\n\\t\\t\\t","vue":"No rounding (Default)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Rounded
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRounded\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRounded\\n\\t\\t\\t","vue":"Rounded"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Medium (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tMedium (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tMedium (Default)\\n\\t\\t\\t","vue":"Medium (Default)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Small
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tSmall\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tSmall\\n\\t\\t\\t","vue":"Small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Large
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLarge\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLarge\\n\\t\\t\\t","vue":"Large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    None
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNone\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNone\\n\\t\\t\\t","vue":"None"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With Backdrop (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith Backdrop (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith Backdrop (Default)\\n\\t\\t\\t","vue":"With Backdrop (Default)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Backdrop-weak
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tBackdrop-weak\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tBackdrop-weak\\n\\t\\t\\t","vue":"Backdrop-weak"}},{"name":"Invisible","props":{"withCloseButton":true,"backdrop":"invisible"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No Backdrop
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No Backdrop
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Right (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRight (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRight (Default)\\n\\t\\t\\t","vue":"Right (Default)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Left
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLeft\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLeft\\n\\t\\t\\t","vue":"Left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Up
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tUp\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tUp\\n\\t\\t\\t","vue":"Up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Down
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tDown\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tDown\\n\\t\\t\\t","vue":"Down"}}]}]');let t1=t=>{let{id:n,width:e,rounded:a,withCloseButton:i,spacing:o,openDrawer:l,setOpenDrawer:r,direction:s,children:c,backdrop:d}=t;return(0,N.jsxs)("div",{children:[(0,N.jsx)(tX.Z,{withCloseButton:i,rounded:a,width:e,spacing:o,backdrop:d,direction:s,open:l===n,onClose:()=>{r(void 0)},children:c}),(0,N.jsxs)(C.Z,{onClick:()=>{r(n)},children:["Open: ",c]})]})};var t2=e(82664),t3=e(33759),t4=e(39120),t9=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tfunctionalfunctional disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tRegular (Default)Regular (Default) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\texpressiveexpressive disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Width","examples":[{"name":"Full","props":{},"style":{"width":"100%","display":"block"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\tbrand={\\n\\t\\t\\t\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\tbrand={\\n\\t\\t\\t\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Behaviour","examples":[{"name":"Desktop (full width)","props":{},"style":{"width":"100%","display":"block"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tMobileMobile disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Examples","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}}]}]');let t8=t=>{let{drawerOpen:n,forceMobile:e,burgerMenuLabel:a,children:i,className:o,describedbyid:l,id:r,key:s,onToggle:c,width:d,example:b,withNavigation:h,withName:u}=t;return(0,N.jsx)(t2.Z,{width:d,brand:(0,N.jsx)(tn.Z,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{href:"#",children:"Imprint"}),(0,N.jsx)(E.Z,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,N.jsx)(C.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(C.Z,{icon:"user",variant:"ghost",noText:!0,children:"Profile"}),(0,N.jsx)(C.Z,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,N.jsx)(C.Z,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:n,forceMobile:e,burgerMenuLabel:a,className:o,describedbyid:l,id:r,onToggle:c,children:(!b||h)&&(0,N.jsxs)(t3.Z,{"aria-label":i,children:[(0,N.jsx)(t4.Z,{icon:"user",children:(0,N.jsx)("a",{href:"#",children:i})}),(0,N.jsx)(t4.Z,{disabled:!0,children:(0,N.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},s)};var t6=e(55327),t5=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"},"props":{}},{"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":{}},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}}]}]');let t7=t=>{let{width:n,spacing:e,children:a}=t;return(0,N.jsx)(t6.Z,{className:"db-informational-bg-lvl-2",spacing:e,width:n,children:a})};var nt=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}}]}]');let nn=t=>{let{children:n}=t,e="".concat(n);return(0,N.jsxs)("div",{children:[(0,N.jsx)(J.Z,{id:e,size:"small",semantic:"informational",icon:"none",children:n}),(0,N.jsxs)(t3.Z,{labelledBy:e,children:[(0,N.jsx)(t4.Z,{active:!0,subNavigation:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(t4.Z,{active:!0,subNavigation:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(t4.Z,{active:!0,children:(0,N.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,N.jsx)(t4.Z,{children:(0,N.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,N.jsx)(t4.Z,{children:(0,N.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,N.jsx)(t4.Z,{icon:"user",children:(0,N.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,N.jsx)(t4.Z,{disabled:!0,children:(0,N.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};var ne=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{}},{"name":"Active","props":{"active":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"user"}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"user","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"}}]}]');let na=t=>{let{children:n,icon:e,disabled:a,active:i,width:o,areaPopup:l}=t;return(0,N.jsx)("ul",{children:(0,N.jsx)(t4.Z,{icon:e,disabled:a,active:i,width:o,onClick:()=>{alert(n.toString())},subNavigation:l&&(0,N.jsxs)("ul",{children:[(0,N.jsx)(t4.Z,{children:(0,N.jsx)("a",{href:"#",children:"Test1"})}),(0,N.jsx)(t4.Z,{children:(0,N.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?n:(0,N.jsx)("a",{href:"#",children:n})})})};var ni=t=>(0,N.jsx)(V,{title:"DBNavigationItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:W(ne,na,t.slotCode)}),no=e(60029),nl=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"id":"popover-02"}},{"name":"Expressive","className":"db-density-expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","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","examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","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","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"}}]}]');let nr=t=>{let{id:n,children:e,width:a,gap:i,spacing:o,placement:l,delay:r,content:s,animation:c}=t;return(0,N.jsx)(no.Z,{trigger:(0,N.jsx)(C.Z,{children:e}),width:a,gap:i,spacing:o,placement:l,animation:c,delay:r,id:n,children:null!=s?s:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)("ul",{className:"popover-list",children:[(0,N.jsx)("li",{children:"Popover Custom Item 1"}),(0,N.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,N.jsx)(C.Z,{children:"Popover Custom Item 3"})]})})};var ns=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nc=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Outlined - Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Filled - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Ghost - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]})]})})]})},nd=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},nb=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},nh=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})})]})},nu=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Auto Width"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Width full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]})]})})]})},np=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},nm=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]})]})})]})},nx=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},ng=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Medium\n'),navigator.clipboard.writeText('\n (Default) Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},nv=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Internal\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Internal\n'),navigator.clipboard.writeText('\n (Default) Internal\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]})]})})]})},nD=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nB=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nj=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nT=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    Functional
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Functional\n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Functional\n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n Functional\n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) Regular\n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n (Default) Regular\n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    Expressive
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Expressive\n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Expressive\n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n Expressive\n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},nf=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},nw=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Open'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Open'),navigator.clipboard.writeText('Open')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Open\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Open'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Open'),navigator.clipboard.writeText('Open')},children:"Copy code"})]})]})})]})},ny=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Functional\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Functional\n
    '),navigator.clipboard.writeText('
    \n Functional\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) Regular\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) Regular\n
    '),navigator.clipboard.writeText('
    \n (Default) Regular\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Expressive\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Expressive\n
    '),navigator.clipboard.writeText('
    \n Expressive\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nk=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) With Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) With Logo\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) With Logo\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) With Logo\n
    '),navigator.clipboard.writeText('
    \n (Default) With Logo\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'No Logo'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Logo'),navigator.clipboard.writeText('No Logo')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n No Logo\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n No Logo\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n No Logo\n
    '),navigator.clipboard.writeText('
    \n No Logo\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"No Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Logo'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Logo'),navigator.clipboard.writeText('No Logo')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Custom Logo'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Logo'),navigator.clipboard.writeText('Custom Logo')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Custom Logo\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Custom Logo\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Custom Logo\n
    '),navigator.clipboard.writeText('
    \n Custom Logo\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Custom Logo'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Logo'),navigator.clipboard.writeText('Custom Logo')},children:"Copy code"})]})]})})]})},nZ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})},nI=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]})]})})]})},nN=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]})]})})]})},nC=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]})]})})]})},nL=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]})]})})]})},n_=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Animation no delay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Animation no delay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Animation no delay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Animation no delay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]})]})})]})},nR=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nE=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})})]})},nH=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},nA=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    Functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nS=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Weak
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Weak
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Weak
    '),navigator.clipboard.writeText('
    (Default) Weak
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Strong\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Strong\n
    '),navigator.clipboard.writeText('
    \n Strong\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},nO=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Adaptive
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Adaptive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Adaptive
    '),navigator.clipboard.writeText('
    (Default) Adaptive
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Neutral\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Neutral\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Neutral\n
    '),navigator.clipboard.writeText('
    \n Neutral\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Critical\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Critical\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Critical\n
    '),navigator.clipboard.writeText('
    \n Critical\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Informational\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Informational\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Informational\n
    '),navigator.clipboard.writeText('
    \n Informational\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Successful\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Successful\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Successful\n
    '),navigator.clipboard.writeText('
    \n Successful\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Warning\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Warning\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Warning\n
    '),navigator.clipboard.writeText('
    \n Warning\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Adaptive Strong\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Adaptive Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Adaptive Strong\n
    '),navigator.clipboard.writeText('
    \n Adaptive Strong\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Neutral Strong\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Neutral Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Neutral Strong\n
    '),navigator.clipboard.writeText('
    \n Neutral Strong\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Critical Strong\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Critical Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Critical Strong\n
    '),navigator.clipboard.writeText('
    \n Critical Strong\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Informational Strong\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Informational Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Informational Strong\n
    '),navigator.clipboard.writeText('
    \n Informational Strong\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Successful Strong\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Successful Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Successful Strong\n
    '),navigator.clipboard.writeText('
    \n Successful Strong\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Warning Strong\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Warning Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Warning Strong\n
    '),navigator.clipboard.writeText('
    \n Warning Strong\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]})]})})]})},nP=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Static"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Static
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Static
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Static
    '),navigator.clipboard.writeText('
    (Default) Static
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"\n \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"\n Interactive Link\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive Link\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive Link\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive Link\n
    '),navigator.clipboard.writeText('
    \n Interactive Link\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Radio 2"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Radio 2"===t?"check":"copy",variant:"ghost",onClick:()=>{n("','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Radio 2"),navigator.clipboard.writeText("','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Radio 2")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    Interactive Radio 2
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    Interactive Radio 2
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Interactive Radio 2
    '),navigator.clipboard.writeText('
    Interactive Radio 2
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\',\n html: \'
    \',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Radio 2\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\',\n html: \'
    \',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Radio 2\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\',\n html: \'
    \',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Radio 2\n'),navigator.clipboard.writeText('\',\n html: \'
    \',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Radio 2\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Radio 2"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Radio 2"===t?"check":"copy",variant:"ghost",onClick:()=>{n("','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Radio 2"),navigator.clipboard.writeText("','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Radio 2")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Removeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Removeable\n \n Remove tag\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Removeable\n \n Remove tag\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Removeable\n \n Remove tag\n \n
    '),navigator.clipboard.writeText('
    \n Removeable\n \n Remove tag\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]})]})})]})},nF=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]})]})})]})},nV=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Text
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Text
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Text
    '),navigator.clipboard.writeText('
    (Default) Text
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Icon\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Icon\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Icon\n
    '),navigator.clipboard.writeText('
    \n Icon\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Icon & Text\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Icon & Text\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Icon & Text\n
    '),navigator.clipboard.writeText('
    \n Icon & Text\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]})]})})]})},nM=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) No Overflow"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Overflow
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) No Overflow
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) No Overflow
    '),navigator.clipboard.writeText('
    (Default) No Overflow
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'With Overflow (max-width)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Overflow (max-width)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Overflow (max-width)'),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n With Overflow (max-width)\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n With Overflow (max-width)\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n With Overflow (max-width)\n
    '),navigator.clipboard.writeText('
    \n With Overflow (max-width)\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With Overflow (max-width)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Overflow (max-width)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Overflow (max-width)'),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy code"})]})]})})]})},nW=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive Link\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive Link\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive Link\n
    '),navigator.clipboard.writeText('
    \n Interactive Link\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Interactive Checkbox\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Checkbox\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Checkbox\n'),navigator.clipboard.writeText('\n Interactive Checkbox\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    '),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'/DBTag>'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'/DBTag>'===t?"check":"copy",variant:"ghost",onClick:()=>{n('/DBTag>'),navigator.clipboard.writeText('/DBTag>')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"),navigator.clipboard.writeText("','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive Strong Radio 2 with Icon\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive Strong Radio 2 with Icon\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive Strong Radio 2 with Icon\n
    '),navigator.clipboard.writeText('
    \n Interactive Strong Radio 2 with Icon\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\',\n html: \'
    \',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\',\n html: \'
    \',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\',\n html: \'
    \',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'),navigator.clipboard.writeText('\',\n html: \'
    \',\n react:\n \'/DBTag>\',\n vue: \'\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon"),navigator.clipboard.writeText("','html':'
    ','react':'/DBTag>','vue':''}\">Interactive Strong Radio 2 with Icon")},children:"Copy code"})]})]})})]})},nU=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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"})]})]})})]})},nz=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nq=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nJ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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"})]})]})})]})},nG=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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 '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{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 '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nY=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n$=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'active'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('active'),navigator.clipboard.writeText('active')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n active\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'active'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('active'),navigator.clipboard.writeText('active')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('disabled'),navigator.clipboard.writeText('disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('disabled'),navigator.clipboard.writeText('disabled')},children:"Copy code"})]})]})})]})},nK=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n \n
    • '),navigator.clipboard.writeText('
  • \n \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})})]})},nQ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Auto Width'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Width full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]})]})})]})},nX=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]})]})})]})},n0=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n1=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},n2=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Unchecked - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Unchecked - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Checked - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Checked - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Indeterminate'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]})]})})]})},n3=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},n4=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required - Indeterminate'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required - Indeterminate'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]})]})})]})},n9=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]})]})})]})},n8=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n6=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},n5=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})},n7=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},et=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},en=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]})]})})]})},ee=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},ea=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]})]})})]})},ei=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]})]})})]})},eo=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})},el=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},er=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Unselected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Unselected - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Unselected - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Unselected - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unselected - Invalid\n'),navigator.clipboard.writeText('\n Unselected - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Unselected - Invalid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Selected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Selected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Selected\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Selected\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Selected\n'),navigator.clipboard.writeText('\n Selected\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Selected'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Selected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Selected - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Selected - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Selected - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Selected - Valid\n'),navigator.clipboard.writeText('\n Selected - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Selected - Valid'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]})]})})]})},es=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},ec=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},ed=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},eb=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eh=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Label Above"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Label Above"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Label Above"),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Label Above\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Label Above\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Label Above\n'),navigator.clipboard.writeText('\n (Default) Label Above\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Label Above"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Label Above"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Label Above"),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Floating Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Floating Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Floating Label"),navigator.clipboard.writeText("Floating Label")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Floating Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Floating Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Floating Label"),navigator.clipboard.writeText("Floating Label")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Hidden Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Hidden Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Hidden Label"),navigator.clipboard.writeText("Hidden Label")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Hidden Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Hidden Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Hidden Label"),navigator.clipboard.writeText("Hidden Label")},children:"Copy code"})]})]})})]})},eu=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Basic"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Basic"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Basic"),navigator.clipboard.writeText("(Default) Basic")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Basic\n'),navigator.clipboard.writeText('\n (Default) Basic\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Basic"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Basic"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Basic"),navigator.clipboard.writeText("(Default) Basic")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Helper Message"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Helper Message"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Helper Message"),navigator.clipboard.writeText("Helper Message")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Helper Message"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Helper Message"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Helper Message"),navigator.clipboard.writeText("Helper Message")},children:"Copy code"})]})]})})]})},ep=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Empty"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Empty"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Filled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Filled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]})]})})]})},em=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Empty"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Empty"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Filled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Filled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},ex=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]})]})})]})},eg=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Optional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Optional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Optional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Optional\n'),navigator.clipboard.writeText('\n (Default) Optional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Optional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Required"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Required"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Required"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Required"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]})]})})]})},ev=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"regular (Default)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]})]})})]})},eD=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Def) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Checked"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Checked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Checked"),navigator.clipboard.writeText("Checked")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},eB=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Def) Weak + checked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Def) Weak + checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Def) Weak + checked\n'),navigator.clipboard.writeText('\n (Def) Weak + checked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Strong + checked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong + checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong + checked\n'),navigator.clipboard.writeText('\n Strong + checked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]})]})})]})},ej=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Def) No Visual Aid + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + unchecked'),navigator.clipboard.writeText('(Def) No Visual Aid + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) No Visual Aid + unchecked"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) No Visual Aid + unchecked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) No Visual Aid + unchecked"),navigator.clipboard.writeText("(Def) No Visual Aid + unchecked")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) No Visual Aid + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + unchecked'),navigator.clipboard.writeText('(Def) No Visual Aid + unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Visual Aid + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + unchecked'),navigator.clipboard.writeText('Visual Aid + unchecked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Visual Aid + unchecked"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Visual Aid + unchecked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Visual Aid + unchecked"),navigator.clipboard.writeText("Visual Aid + unchecked")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Visual Aid + unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + unchecked'),navigator.clipboard.writeText('Visual Aid + unchecked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Def) No Visual Aid + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + checked'),navigator.clipboard.writeText('(Def) No Visual Aid + checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n (Def) No Visual Aid + checked\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n (Def) No Visual Aid + checked\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n (Def) No Visual Aid + checked\n"),navigator.clipboard.writeText("\n (Def) No Visual Aid + checked\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Def) No Visual Aid + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + checked'),navigator.clipboard.writeText('(Def) No Visual Aid + checked')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Visual Aid + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + checked'),navigator.clipboard.writeText('Visual Aid + checked')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Visual Aid + checked\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Visual Aid + checked\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Visual Aid + checked\n"),navigator.clipboard.writeText("\n Visual Aid + checked\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Visual Aid + checked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + checked'),navigator.clipboard.writeText('Visual Aid + checked')},children:"Copy code"})]})]})})]})},eT=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Def) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},ef=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Def) Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'No Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]})]})})]})},ew=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Custom Icons'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons\n'),navigator.clipboard.writeText('\n Custom Icons\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Custom Icons+ Emphasis'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n Custom Icons+ Emphasis\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Custom Icons+ Emphasis\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n \n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons+ Emphasis\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons+ Emphasis\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons+ Emphasis'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]})]})})]})},ey=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},ek=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},eN=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},eC=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},eL=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Custom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom\n'),navigator.clipboard.writeText('\n Custom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Custom'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]})]})})]})},e_=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n regular (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n regular (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n regular (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]})]})})]})},eR=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Docked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Docked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Docked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Standalone\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Standalone\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Standalone\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Overlay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Overlay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Overlay\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]})]})})]})},eE=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Permanent'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n

    (Default) Permanent

    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n

    (Default) Permanent

    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n

    (Default) Permanent

    \n
    '),navigator.clipboard.writeText('
    \n

    (Default) Permanent

    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Permanent'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Permanent'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Closeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n

    Closeable

    \n \n Close Button\n \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n

    Closeable

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n

    Closeable

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n

    Closeable

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Closeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Closeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]})]})})]})},eA=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Block'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Block\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Block\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Block\n'),navigator.clipboard.writeText('\n Text & Textlink Block\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Block'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Inline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Inline\n'),navigator.clipboard.writeText('\n Text & Textlink Inline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Textlink Inline & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})})]})},eS=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Block'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Block\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Block\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Block\n'),navigator.clipboard.writeText('\n Text & Textlink Block\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Block'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Inline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Inline\n'),navigator.clipboard.writeText('\n Text & Textlink Inline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Textlink Inline & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})})]})},eO=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Timed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eF=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Weak'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Weak'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Weak'),navigator.clipboard.writeText('(Default) Weak')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},eV=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Adaptive Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Adaptive Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Adaptive Strong\n'),navigator.clipboard.writeText('\n Adaptive Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Small"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})})]})},eW=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text - Medium\n'),navigator.clipboard.writeText('\n (Default) Text - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Dot - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Dot - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Dot - Small"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Dot - Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Dot - Small"),navigator.clipboard.writeText("Dot - Small")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Dot - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Dot - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Medium'),navigator.clipboard.writeText('Dot - Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Dot - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Dot - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Dot - Medium\n'),navigator.clipboard.writeText('\n Dot - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Dot - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Dot - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Dot - Medium\n'),navigator.clipboard.writeText('\n Dot - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Dot - Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Dot - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Medium'),navigator.clipboard.writeText('Dot - Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Icon - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon - Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Icon - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Icon - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon - Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]})]})})]})},eU=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Inline\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Inline\n'),navigator.clipboard.writeText('\n (Default) Inline\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Inline'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Top - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Top - Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Top - Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Top - Left\n'),navigator.clipboard.writeText('\n Corner - Top - Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Center - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Center - Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Center - Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Center - Left\n'),navigator.clipboard.writeText('\n Corner - Center - Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Bottom- Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Bottom- Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Bottom- Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Bottom- Left\n'),navigator.clipboard.writeText('\n Corner - Bottom- Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Top - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Top - Right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Top - Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Top - Right\n'),navigator.clipboard.writeText('\n Corner - Top - Right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Center - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Center - Right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Center - Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Center - Right\n'),navigator.clipboard.writeText('\n Corner - Center - Right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Corner - Bottom- Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Corner - Bottom- Right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Bottom- Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Bottom- Right\n'),navigator.clipboard.writeText('\n Corner - Bottom- Right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Right'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]})]})})]})},ez=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]})]})})})},eq=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    Functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    functional
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    functional
    '),navigator.clipboard.writeText('
    functional
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})})]})},eJ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Level 1 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Level 1 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Level 1 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Level 2 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Level 2 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Level 2 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Level 3 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Level 3 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Level 3 - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]})]})})]})},eG=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Small\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) Small\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) Small\n
    '),navigator.clipboard.writeText('
    \n (Default) Small\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'No Spacing'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n No Spacing\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n No Spacing\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n No Spacing\n
    '),navigator.clipboard.writeText('
    \n No Spacing\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Spacing'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Spacing'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Medium\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Medium\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Medium\n
    '),navigator.clipboard.writeText('
    \n Medium\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})})]})},eY=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Non interactive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    (Default) Non interactive
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Non interactive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Non interactive
    '),navigator.clipboard.writeText('
    (Default) Non interactive
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Non interactive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Non interactive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Interactive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive\n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive\n
    '),navigator.clipboard.writeText('
    \n Interactive\n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Interactive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Interactive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]})]})})]})},e$=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 1 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 1 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 1 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 1 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 2 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 2 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 2 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 2 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 3 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Level 3 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 3 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Level 3 - Interactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eQ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive - Horizontal"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Adaptive - Vertical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]})]})})]})},eX=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},e0=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n functional\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n functional\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n functional\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n functional\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n functional\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n '),navigator.clipboard.writeText('\n functional\n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Regular (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Regular (Default)\n'),navigator.clipboard.writeText('\n Regular (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Regular (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Regular (Default)\n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Regular (Default)\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Regular (Default)\n '),navigator.clipboard.writeText('\n Regular (Default)\n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n expressive\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n expressive\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n expressive\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n expressive\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n '),navigator.clipboard.writeText('\n expressive\n ')},children:"Copy code"})]})]})})]})},e1=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n With padding (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n With padding (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With padding (Default)\n'),navigator.clipboard.writeText('\n With padding (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With padding (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With padding (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With padding (Default)'),navigator.clipboard.writeText('With padding (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Full\n'),navigator.clipboard.writeText('\n Full\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Full\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Full\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Full\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Full\n '),navigator.clipboard.writeText('\n Full\n ')},children:"Copy code"})]})]})})]})},e2=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No rounding (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No rounding (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No rounding (Default)\n'),navigator.clipboard.writeText('\n No rounding (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No rounding (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No rounding (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No rounding (Default)'),navigator.clipboard.writeText('No rounding (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Rounded\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Rounded\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Rounded\n'),navigator.clipboard.writeText('\n Rounded\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Rounded\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Rounded\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Rounded\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Rounded\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Rounded'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Rounded'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Rounded'),navigator.clipboard.writeText('Rounded')},children:"Copy code"})]})]})})]})},e3=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Medium (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium (Default)\n'),navigator.clipboard.writeText('\n Medium (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Medium (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium (Default)'),navigator.clipboard.writeText('Medium (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Small\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Large\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Large\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Large\n'),navigator.clipboard.writeText('\n Large\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Large\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Large\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Large\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Large\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n None\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n None\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'None'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'None'===t?"check":"copy",variant:"ghost",onClick:()=>{n('None'),navigator.clipboard.writeText('None')},children:"Copy code"})]})]})})]})},e4=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n With Backdrop (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n With Backdrop (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With Backdrop (Default)\n'),navigator.clipboard.writeText('\n With Backdrop (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With Backdrop (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Backdrop (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Backdrop (Default)'),navigator.clipboard.writeText('With Backdrop (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Backdrop-weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Backdrop-weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Backdrop-weak\n'),navigator.clipboard.writeText('\n Backdrop-weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Backdrop-weak'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Backdrop-weak'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Backdrop-weak'),navigator.clipboard.writeText('Backdrop-weak')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No Backdrop\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Backdrop\n'),navigator.clipboard.writeText('\n No Backdrop\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n No Backdrop\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n No Backdrop\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Backdrop'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Backdrop'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Backdrop'),navigator.clipboard.writeText('No Backdrop')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No Backdrop\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Backdrop\n'),navigator.clipboard.writeText('\n No Backdrop\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n No Backdrop\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n No Backdrop\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'No Backdrop'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'No Backdrop'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Backdrop'),navigator.clipboard.writeText('No Backdrop')},children:"Copy code"})]})]})})]})},e9=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Right (Default)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Right (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Right (Default)\n'),navigator.clipboard.writeText('\n Right (Default)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Right (Default)\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Right (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Right (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Right (Default)\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Right (Default)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Right (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Right (Default)'),navigator.clipboard.writeText('Right (Default)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Left\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Left'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Left'),navigator.clipboard.writeText('Left')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Up\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Up\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Up\n'),navigator.clipboard.writeText('\n Up\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Up\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Up\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Up\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Up\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Up'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Up'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Up'),navigator.clipboard.writeText('Up')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Down\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Down\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Down\n'),navigator.clipboard.writeText('\n Down\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Down\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Down\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Down\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Down\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Down'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Down'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Down'),navigator.clipboard.writeText('Down')},children:"Copy code"})]})]})})]})},e8=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e6=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e5=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e7=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'With Application Name + Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Application Name + Navigation'),navigator.clipboard.writeText('With Application Name + Navigation')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n With Application Name + Navigation\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n With Application Name + Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n With Application Name + Navigation\n"),navigator.clipboard.writeText("\n With Application Name + Navigation\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With Application Name + Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Application Name + Navigation'),navigator.clipboard.writeText('With Application Name + Navigation')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Without Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Navigation'),navigator.clipboard.writeText('Without Navigation')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Without Navigation\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Without Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Navigation\n"),navigator.clipboard.writeText("\n Without Navigation\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Without Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Navigation'),navigator.clipboard.writeText('Without Navigation')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Without Application Name'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Application Name'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name'),navigator.clipboard.writeText('Without Application Name')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Without Application Name\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Without Application Name\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Application Name\n"),navigator.clipboard.writeText("\n Without Application Name\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Without Application Name'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Application Name'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name'),navigator.clipboard.writeText('Without Application Name')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Without Application Name + Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name + Navigation'),navigator.clipboard.writeText('Without Application Name + Navigation')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Without Application Name + Navigation\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Without Application Name + Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Application Name + Navigation\n"),navigator.clipboard.writeText("\n Without Application Name + Navigation\n")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Without Application Name + Navigation'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Without Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name + Navigation'),navigator.clipboard.writeText('Without Application Name + Navigation')},children:"Copy code"})]})]})})]})},at=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},an=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Full"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Full
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Full
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Full
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Full
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Medium
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Medium
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Medium
    \n
    '),navigator.clipboard.writeText('
    \n
    Medium
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Large
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Large
    \n
    '),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})})]})},ae=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Medium
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Medium
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Medium
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Medium
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Large
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Large
    \n
    '),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Small
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Small
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Small
    \n
    '),navigator.clipboard.writeText('
    \n
    Small
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},aa=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})})]})},ai=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},ao=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"Enabled (Default)/Hover/Pressed"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Active"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Active"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Active"),navigator.clipboard.writeText("Active")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},al=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icons (Leading, Chevron)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icons (Leading, Chevron)\n'),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Text - Icon (Chevron)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Icon (Chevron)"),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]})]})})]})},ar=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"(Default) Auto"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]})]})})]})},as=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},ac=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) Small\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n (Default) Small\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n (Default) Small\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n (Default) Small\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Medium\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Medium\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Medium\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Medium\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n None\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n None\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n None\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n None\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]})]})})]})},ad=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n bottom-start\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n bottom-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n bottom-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n bottom-start\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) bottom\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n (Default) bottom\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n (Default) bottom\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n (Default) bottom\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n bottom-end\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n bottom-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n bottom-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n bottom-end\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left-start\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left-start\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left-end\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left-end\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right-start\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right-start\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right-end\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right-end\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top-start\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top-start\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top-end\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top-end\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]})]})})]})},ab=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) No gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) No gap
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) No gap
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) No gap
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) No gap
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'With gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With gap'),navigator.clipboard.writeText('With gap')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n With gap\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n With gap\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n With gap\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n With gap\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n With gap\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n With gap\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With gap\n'),navigator.clipboard.writeText('\n With gap\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'With gap'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'With gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With gap'),navigator.clipboard.writeText('With gap')},children:"Copy code"})]})]})})]})},ah=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Animation no delay'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Animation no delay
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Animation no delay
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Animation no delay
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Animation no delay
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Animation no delay'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Animation no delay'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Delay slow\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Delay slow\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Delay slow\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Delay slow\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Delay fast\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Delay fast\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Delay fast\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Delay fast\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n No animation\n
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n No animation\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n No animation\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n No animation\n
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]})]})})]})},au=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    (Default) Auto
    \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    (Default) Auto
    \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    (Default) Auto
    \n'),navigator.clipboard.writeText('\n
    (Default) Auto
    \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]})]})}),(0,N.jsx)(_.Z,{className:"tab-container",children:(0,N.jsxs)(tu.Z,{children:[(0,N.jsxs)(tp.Z,{children:[(0,N.jsx)(tm.Z,{children:"Angular"}),(0,N.jsx)(tm.Z,{children:"HTML"}),(0,N.jsx)(tm.Z,{children:"React"}),(0,N.jsx)(tm.Z,{children:"Vue"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
    \n Fixed\n
    \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
    \n Fixed\n
    \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n Fixed\n
    \n'),navigator.clipboard.writeText('\n
    \n Fixed\n
    \n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,N.jsxs)(tx.Z,{children:[(0,N.jsx)(E.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]})]})})]})},ap=JSON.parse('[{"label":"Action","name":"action","path":"/components/action","subNavigation":[{"label":"DBButton","name":"button"},{"label":"DBLink","name":"link"}]},{"label":"Data-Display","path":"/components/data-display","name":"data-display","subNavigation":[{"label":"DBBrand","name":"brand"},{"label":"DBTooltip","name":"tooltip"},{"label":"DBInfotext","name":"infotext"},{"label":"DBTag","name":"tag"},{"label":"DBAccordion","name":"accordion","subNavigation":[{"label":"DBAccordionItem Properties","path":"/components/accordion-item/properties"}]},{"label":"DBAccordionItem","name":"accordion-item","isHiddenInMenu":true},{"label":"DBTabs","name":"tabs","subNavigation":[{"label":"DBTabItem Properties","path":"/components/tab-item/properties"}]},{"label":"DBTabItem","name":"tab-item","isHiddenInMenu":true}]},{"label":"Data-Input","path":"/components/data-input","name":"data-input","subNavigation":[{"label":"DBCheckbox","name":"checkbox"},{"label":"DBInput","name":"input"},{"label":"DBRadio","name":"radio"},{"label":"DBSelect","name":"select"},{"label":"DBSwitch","name":"switch"},{"label":"DBTextarea","name":"textarea"}]},{"label":"Feedback","path":"/components/feedback","name":"feedback","subNavigation":[{"label":"DBNotification","name":"notification"},{"label":"DBBadge","name":"badge"}]},{"label":"Layout","path":"/components/layout","name":"layout","subNavigation":[{"label":"DBCard","name":"card"},{"label":"DBDivider","name":"divider"},{"label":"DBDrawer","name":"drawer"},{"label":"DBHeader","name":"header"},{"label":"DBSection","name":"section"}]},{"label":"Navigation","path":"/components/navigation","name":"navigation","subNavigation":[{"label":"DBNavigation","name":"navigation","subNavigation":[{"label":"DBNavigationItem Properties","path":"/components/navigation-item/properties"}]},{"label":"DBNavigationItem","name":"navigation-item","isHiddenInMenu":true}]},{"label":"Utilities","path":"/components/utilities","name":"utilities","subNavigation":[{"label":"DBPopover","name":"popover"}]}]');let am={button:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBButton",variants:W(M,U,t.slotCode)}),{slotCode:a}),link:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBLink",variants:W(z,q,t.slotCode)}),{slotCode:i}),brand:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBBrand",variants:W(te,ti,t.slotCode)}),{slotCode:r}),tooltip:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBTooltip",variants:W(tl,tr,t.slotCode)}),{slotCode:s}),infotext:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBInfotext",variants:W(ts,tc,t.slotCode)}),{slotCode:c}),tag:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBTag",variants:W(tb,th,t.slotCode)}),{slotCode:d}),accordion:(0,N.jsx)(t=>(0,N.jsx)("div",{children:(0,N.jsx)(V,{title:"DBAccordion",subComponent:t.subComponent,variants:W($,K,t.slotCode)})}),{slotCode:o,subComponent:(0,N.jsx)(tt,{isSubComponent:!0,componentName:"accordion-item",slotCode:l})}),"accordion-item":(0,N.jsx)(tt,{slotCode:l}),tabs:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBTabs",subComponent:t.subComponent,variants:W(tg,tv,t.slotCode)}),{slotCode:b,subComponent:(0,N.jsx)(tj,{isSubComponent:!0,componentName:"tab-item",slotCode:h})}),"tab-item":(0,N.jsx)(tj,{slotCode:h}),checkbox:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBCheckbox",variants:W(tf,tw,t.slotCode)}),{slotCode:u}),input:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBInput",variants:W(tk,tZ,t.slotCode)}),{slotCode:p}),radio:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBRadio",variants:W(tN,tC,t.slotCode)}),{slotCode:m}),select:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBSelect",variants:W(t_,tR,t.slotCode)}),{slotCode:x}),switch:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBSwitch",variants:W(tH,tA,t.slotCode)}),{slotCode:g}),textarea:(0,N.jsx)(t=>(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(V,{title:"DBTextarea",variants:W(tO,tP,t.slotCode)})}),{slotCode:v}),notification:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBNotification",variants:W(tV,tU,t.slotCode)}),{slotCode:D}),badge:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBBadge",variants:W(tJ,tG,t.slotCode)}),{slotCode:B}),card:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBCard",variants:W(tY,t$,t.slotCode)}),{slotCode:j}),divider:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBDivider",variants:W(tK,tQ,t.slotCode)}),{slotCode:T}),drawer:(0,N.jsx)(t=>{let[n,e]=(0,L.useState)(void 0);return(0,N.jsx)(V,{title:"DBDrawer",variants:W(t0,t=>t1({...t,openDrawer:n,setOpenDrawer:e}),t.slotCode)})},{slotCode:f}),header:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBHeader",variants:W(t9,t8,t.slotCode)}),{slotCode:w}),section:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBSection",variants:W(t5,t7,t.slotCode)}),{slotCode:y}),navigation:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBNavigation",subComponent:t.subComponent,variants:W(nt,nn,t.slotCode)}),{slotCode:k,subComponent:(0,N.jsx)(ni,{isSubComponent:!0,componentName:"navigation-item",slotCode:Z})}),"navigation-item":(0,N.jsx)(ni,{slotCode:Z}),popover:(0,N.jsx)(t=>(0,N.jsx)(V,{title:"DBPopover",variants:W(nl,nr,t.slotCode)}),{slotCode:I})},ax=ap.map(t=>{var n;return{...t,subNavigation:null===(n=t.subNavigation)||void 0===n?void 0:n.map(t=>({...t,component:t.name?am[t.name]:void 0}))}}),ag=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Densities",path:"/foundations/densities",subNavigation:[{label:"Readme",path:"/foundations/densities/readme"},{label:"Examples",path:"/foundations/densities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},{label:"Validation",path:"/components/validation"},...ax.map(t=>{var n;return{...t,subNavigation:null==t?void 0:null===(n=t.subNavigation)||void 0===n?void 0:n.map(n=>{var e;return{label:n.label,path:"/components/".concat(t.name,"/").concat(n.name),isHiddenInMenu:n.isHiddenInMenu,subNavigation:[{label:"Overview",path:"/components/".concat(t.name,"/").concat(n.name,"/overview")},{label:"Properties",path:"/components/".concat(t.name,"/").concat(n.name,"/properties")},{label:"How to use",path:"/components/".concat(t.name,"/").concat(n.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(t.name,"/").concat(n.name,"/migration")},...null!==(e=n.subNavigation)&&void 0!==e?e:[]]}})}})]}],av=(t,n,e,a)=>{for(let o of t){var i;n.push(e?o:{...o,label:a?"".concat(a,":").concat(o.label):o.label}),o.subNavigation&&(null===(i=o.subNavigation)||void 0===i?void 0:i.length)>0&&av(o.subNavigation,n,e,e?void 0:o.label)}},aD=t=>{let n=[];return av(ag,n,t),n},aB=t=>{let n=aD().filter(t=>!t.subNavigation),e=n.findIndex(n=>n.path===t);return{previous:0===e?void 0:n[e-1],next:e+1===n.length?void 0:n[e+1]}},aj=t=>aD(!0).filter(n=>{var e;return t.includes(null!==(e=n.path)&&void 0!==e?e:"")}),aT=()=>ax.filter(t=>{let{name:n}=t;return!!n}).map(t=>{let{name:n}=t;return n})}}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/[[...slug]]-137cad31276e1d14.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/[[...slug]]-137cad31276e1d14.js new file mode 100644 index 00000000000..a5bd9440049 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/[[...slug]]-137cad31276e1d14.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3581],{2193:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/[[...slug]]",function(){return n(80476)}])},79672:function(e,t,n){"use strict";var a=n(52322),r=n(5632),s=n(39097),i=n.n(s),c=n(53148),l=n(92811),o=n(70741),u=n(74819);t.Z=()=>{var e;let t=(0,r.useRouter)(),n=(0,l.vY)().find(e=>e.path===t.asPath);return(0,a.jsx)(c.Z,{noNavigation:!0,children:n&&(0,a.jsx)("div",{className:"card-navigation",children:null===(e=n.subNavigation)||void 0===e?void 0:e.map((e,t)=>{var n;return(0,a.jsx)(i(),{href:null!==(n=e.path)&&void 0!==n?n:"/",children:(0,a.jsxs)(o.Z,{behaviour:"interactive",spacing:"medium",children:[(0,a.jsxs)("small",{children:[t+1,"."]}),(0,a.jsx)("p",{children:e.label}),(0,a.jsx)(u.Z,{icon:"arrow_right",children:"Next"})]})},"navigation-card-".concat(e.path))})})})}},53148:function(e,t,n){"use strict";n.d(t,{Z:function(){return W}});var a=n(52322),r=n(5632),s=n(25237),i=n.n(s),c=n(2784),l=n(61183),o=n(39097),u=n.n(o),h=n(43251);let d=(0,c.forwardRef)(function(e,t){let n=t||(0,c.useRef)(t),[r,s]=(0,c.useState)(()=>!1);return(0,c.useEffect)(()=>{document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document")},[]),(0,c.useEffect)(()=>{s(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{s(!0)}):s(!0)},[]),(0,c.useEffect)(()=>()=>{document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")},[]),(0,a.jsxs)("div",{ref:n,...(0,h.mS)(e,[]),id:e.id,className:(0,h.yI)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":r,children:[(0,a.jsx)(a.Fragment,{children:e.header}),(0,a.jsx)("main",{className:"db-main",children:e.children}),(0,a.jsx)(a.Fragment,{children:e.footer})]})});var p=n(82664),v=n(98310),f=n(10326),m=n(55327),g=n(74819),x=n(70741),j=n(92811),b=n(33759),y=n(39120);let w=(e,t)=>{var n;return"/"===t.path?"/"===e:e.includes("".concat(t.path,"/"))||e===t.path||!!(null===(n=t.subNavigation)||void 0===n?void 0:n.find(t=>e.includes("".concat(t.path,"/"))))},N=e=>{var t;let{navItem:n}=e,s=w((0,r.useRouter)().pathname,n);return(0,a.jsx)(y.Z,{active:s,backButtonText:"Back to ".concat(n.label),subNavigation:n.subNavigation&&(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.subNavigation.filter(e=>{let{isHiddenInMenu:t}=e;return!0!==t}).map(e=>(0,a.jsx)(N,{navItem:e},"router-path-".concat(e.path)))}),children:n.subNavigation?n.label:(0,a.jsx)(u(),{href:null!==(t=n.path)&&void 0!==t?t:"",children:n.label},"router-path-".concat(n.path))})};var Z=()=>(0,a.jsx)(b.Z,{children:j.Z6.map(e=>(0,a.jsx)(N,{navItem:e},"router-path-".concat(e.path)))}),_=n(35368),E=n(79081);let S=async e=>{try{let t=await fetch(e);return await t.json()}catch(e){console.error(e)}return[]},q="db-ui",k="mono";var R=()=>{let e=(0,r.useRouter)(),[t,n]=(0,c.useState)(),[s,i]=(0,c.useState)(),l=t=>{let n=e.basePath,a=t.find(e=>n.includes(e));a&&i(a)},o=(e,t)=>{let a=[],r=[],s=[],i=[],c=[],l=[];for(let e of t)e.startsWith("feat")||e.startsWith("feature")?r.push(e):e.startsWith("fix")||e.startsWith("bugfix")?s.push(e):e.startsWith("refactor")?i.push(e):/^\d*-/.test(e)?c.push(e):e.startsWith("docs")?l.push(e):a.push(e);n({others:a,features:r,docs:l,refactors:i,issues:c,bugfixes:s,versions:e})};(0,c.useEffect)(()=>{(async()=>{let e=await S("https://api.github.com/repos/".concat(q,"/").concat(k,"/branches")),t=(await S("https://api.github.com/repos/".concat(q,"/").concat(k,"/tags"))).map(e=>e.name),n=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));l(n),l(t),o(t,n)})().catch(e=>{console.error(e)})},[]);let u=t=>{let n=e.pathname,a=3===t.split(".").length&&t.startsWith("v");window.location.replace((0,_.sanitize)("https://".concat(q,".github.io/").concat(k).concat(a?"/version":"/review","/").concat(t).concat(n)))};return t?(0,a.jsx)(E.Z,{className:"version-switcher",label:"Version switcher",variant:"floating",value:s,onChange:e=>{u(e.target.value)},children:Object.entries(t).filter(e=>{let[t,n]=e;return(null==n?void 0:n.length)>0}).map(e=>{let[t,n]=e;return(0,a.jsx)("optgroup",{label:t,children:n.slice(0,15).map((e,n)=>(0,a.jsx)("option",{value:e,children:e},"".concat(t,"-").concat(e,"-").concat(n)))},t)})}):null};let I=e=>{var t,n;let{children:s,noNavigation:i}=e,[o,h]=(0,c.useState)(!1),[b,y]=(0,c.useState)(!1),[w,N]=(0,c.useState)(!1),[_,E]=(0,c.useState)(!1),[S,q]=(0,c.useState)(),[k,I]=(0,c.useState)(),[W,A]=(0,c.useState)(),[P,O]=(0,c.useState)(),F=(0,r.useRouter)();return(0,c.useEffect)(()=>{l.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),l.Z.highlightAll()},[]),(0,c.useEffect)(()=>{if(F.query&&(F.query.fullscreen&&h("true"===F.query.fullscreen),F.query.page&&h(!0),F.query.noh1&&y("true"===F.query.noh1),F.query.properties&&N("true"===F.query.properties),F.query.current)){let t=Array.isArray(F.query.current)?F.query.current[0]:F.query.current;if(S!==t){var e;q(t),null===(e=document.querySelector("#".concat(t)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let t=F.asPath.split("?")[0],{previous:n,next:a}=(0,j.vn)(t);I(n),A(a),O((0,j.kn)(t))},[F]),(0,a.jsxs)(a.Fragment,{children:[F.isReady&&o&&(0,a.jsx)("div",{className:"".concat(b?"noh1":""," ").concat(w?"is-properties":""),children:s}),F.isReady&&!o&&(0,a.jsxs)(d,{fadeIn:!0,variant:"fixed",header:(0,a.jsx)(p.Z,{drawerOpen:_,onToggle:E,brand:(0,a.jsx)(v.Z,{children:"DB-UI Mono"}),primaryAction:(0,a.jsx)(f.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,a.jsx)(R,{}),children:(0,a.jsx)(Z,{})}),children:[P&&P.length>1&&(0,a.jsx)(m.Z,{spacing:"none",width:"large",children:(0,a.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==P?void 0:P.map(e=>{var t;return(0,a.jsxs)(c.Fragment,{children:["/"!==e.path&&(0,a.jsx)(g.Z,{icon:"chevron_right"}),(0,a.jsx)(u(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(t=e.path)&&void 0!==t?t:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,a.jsx)(m.Z,{spacing:"none",width:"large",children:s}),!i&&(null!=k?k:W)&&(0,a.jsxs)(m.Z,{width:"large",spacing:"small",className:"link-containers",children:[k&&(0,a.jsx)(u(),{className:"previous-link-container",href:null!==(t=k.path)&&void 0!==t?t:"/",children:(0,a.jsxs)(x.Z,{behaviour:"interactive",children:[(0,a.jsx)("small",{children:"Previous"}),(0,a.jsx)("span",{"data-icon":"arrow_left",children:k.label})]})}),W&&(0,a.jsx)(u(),{className:"next-link-container",href:null!==(n=W.path)&&void 0!==n?n:"/",children:(0,a.jsxs)(x.Z,{behaviour:"interactive",children:[(0,a.jsx)("small",{children:"Next"}),(0,a.jsx)("span",{"data-icon-after":"arrow_right",children:W.label})]})})]})]})]})};var W=i()(async()=>I,{ssr:!1})},91359:function(e,t,n){"use strict";var a=n(5632),r=n(2784),s=n(92811);t.Z=()=>{let e=(0,a.useRouter)();return(0,r.useEffect)(()=>{if(e){let t=e.asPath.split("?"),n=t[0].replace("/","").split("/"),a=n.length>0&&"components"===n[0],r=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(a&&r){let t=[];i&&c?t.push(i,c):i?t.push(i):t.push("overview");let n=(0,s.vY)().find(e=>{var t;return null===(t=e.path)||void 0===t?void 0:t.endsWith(r)});(null==n?void 0:n.path)?e.push("".concat(n.path,"/").concat(t.join("/")).concat(l)):e.push("/")}}},[e]),null}},80476:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return u},default:function(){return h}});var a=n(52322),r=n(5632);n(2784);var s=n(92811),i=n(53148),c=n(79672),l=n(91359);let o=e=>{let t;for(let n of s.Ec)if(n.subNavigation){for(let a of n.subNavigation)if(a.name===e&&a.component){t=a.component;break}if(t)break}return t};var u=!0;function h(){let e=(0,r.useRouter)().query.slug,t=Array.isArray(e)?e:e?[e]:[],n=t.length<1,u=t.at(-1),h=!(0,s.tp)().includes(t[0]);if(!n&&h)return(0,a.jsx)(l.Z,{});if("overview"===u){let e=o(t.at(-2));return(0,a.jsx)(i.Z,{children:e})}return(0,a.jsx)(c.Z,{})}}},function(e){e.O(0,[6061,1954,2182,2811,2888,9774,179],function(){return e(e.s=2193)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/[[...slug]]-4bcad683c8d4188d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/[[...slug]]-4bcad683c8d4188d.js deleted file mode 100644 index 41d008acbcc..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/[[...slug]]-4bcad683c8d4188d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3581],{2193:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/[[...slug]]",function(){return a(80476)}])},79672:function(e,t,a){"use strict";var n=a(52322),r=a(5632),s=a(39097),i=a.n(s),c=a(53148),l=a(92811),o=a(70741),u=a(74819);t.Z=()=>{var e;let t=(0,r.useRouter)(),a=(0,l.vY)().find(e=>e.path===t.asPath);return(0,n.jsx)(c.Z,{noNavigation:!0,children:a&&(0,n.jsx)("div",{className:"card-navigation",children:null===(e=a.subNavigation)||void 0===e?void 0:e.map((e,t)=>{var a;return(0,n.jsx)(i(),{href:null!==(a=e.path)&&void 0!==a?a:"/",children:(0,n.jsxs)(o.Z,{behaviour:"interactive",spacing:"medium",children:[(0,n.jsxs)("small",{children:[t+1,"."]}),(0,n.jsx)("p",{children:e.label}),(0,n.jsx)(u.Z,{icon:"arrow_right",children:"Next"})]})},"navigation-card-".concat(e.path))})})})}},53148:function(e,t,a){"use strict";a.d(t,{Z:function(){return P}});var n=a(52322),r=a(5632),s=a(25237),i=a.n(s),c=a(2784),l=a(61183),o=a(39097),u=a.n(o),h=a(43251);let d=(0,c.forwardRef)(function(e,t){let a=t||(0,c.useRef)(t),[r,s]=(0,c.useState)(()=>!1);return(0,c.useEffect)(()=>{document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document")},[]),(0,c.useEffect)(()=>{s(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{s(!0)}):s(!0)},[]),(0,c.useEffect)(()=>()=>{document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")},[]),(0,n.jsxs)("div",{ref:a,...(0,h.mS)(e,[]),id:e.id,className:(0,h.yI)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":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 p=a(82664),v=a(98310),f=a(10326),m=a(55327),g=a(74819),x=a(70741),j=a(92811),b=a(33759),y=a(39120);let w=(e,t)=>{var a;return"/"===t.path?"/"===e:e.includes("".concat(t.path,"/"))||e===t.path||!!(null===(a=t.subNavigation)||void 0===a?void 0:a.find(t=>e.includes("".concat(t.path,"/"))))},N=e=>{var t;let{navItem:a}=e,s=w((0,r.useRouter)().pathname,a);return(0,n.jsx)(y.Z,{active:s,backButtonText:"Back to ".concat(a.label),subNavigation:a.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.subNavigation.filter(e=>{let{isHiddenInMenu:t}=e;return!0!==t}).map(e=>(0,n.jsx)(N,{navItem:e},"router-path-".concat(e.path)))}),children:a.subNavigation?a.label:(0,n.jsx)(u(),{href:null!==(t=a.path)&&void 0!==t?t:"",children:a.label},"router-path-".concat(a.path))})};var Z=()=>(0,n.jsx)(b.Z,{children:j.Z6.map(e=>(0,n.jsx)(N,{navItem:e},"router-path-".concat(e.path)))}),_=a(35368),E=a(79081);let S=async e=>{try{let t=await fetch(e);return await t.json()}catch(e){console.error(e)}return[]},q="db-ui",k="mono";var R=()=>{let e=(0,r.useRouter)(),[t,a]=(0,c.useState)(),[s,i]=(0,c.useState)(),l=t=>{let a=e.basePath,n=t.find(e=>a.includes(e));n&&i(n)},o=(e,t)=>{let n=[],r=[],s=[],i=[],c=[],l=[];for(let e of t)e.startsWith("feat")||e.startsWith("feature")?r.push(e):e.startsWith("fix")||e.startsWith("bugfix")?s.push(e):e.startsWith("refactor")?i.push(e):/^\d*-/.test(e)?c.push(e):e.startsWith("docs")?l.push(e):n.push(e);a({others:n,features:r,docs:l,refactors:i,issues:c,bugfixes:s,versions:e})};(0,c.useEffect)(()=>{(async()=>{let e=await S("https://api.github.com/repos/".concat(q,"/").concat(k,"/branches")),t=(await S("https://api.github.com/repos/".concat(q,"/").concat(k,"/tags"))).map(e=>e.name),a=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));l(a),l(t),o(t,a)})().catch(e=>{console.error(e)})},[]);let u=t=>{let a=e.pathname,n=3===t.split(".").length&&t.startsWith("v");window.location.replace((0,_.sanitize)("https://".concat(q,".github.io/").concat(k).concat(n?"/version":"/review","/").concat(t).concat(a)))};return t?(0,n.jsx)(E.Z,{className:"version-switcher",label:"Version switcher",variant:"floating",value:s,onChange:e=>{u(e.target.value)},children:Object.entries(t).filter(e=>{let[t,a]=e;return(null==a?void 0:a.length)>0}).map(e=>{let[t,a]=e;return(0,n.jsx)("optgroup",{label:t,children:a.slice(0,15).map((e,a)=>(0,n.jsx)("option",{value:e,children:e},"".concat(t,"-").concat(e,"-").concat(a)))},t)})}):null};let I=e=>{var t,a;let{children:s,noNavigation:i}=e,[o,h]=(0,c.useState)(!1),[b,y]=(0,c.useState)(!1),[w,N]=(0,c.useState)(!1),[_,E]=(0,c.useState)(!1),[S,q]=(0,c.useState)(),[k,I]=(0,c.useState)(),[P,W]=(0,c.useState)(),[A,O]=(0,c.useState)(),F=(0,r.useRouter)();return(0,c.useEffect)(()=>{l.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),l.Z.highlightAll()},[]),(0,c.useEffect)(()=>{if(F.query&&(F.query.fullscreen&&h("true"===F.query.fullscreen),F.query.page&&h(!0),F.query.noh1&&y("true"===F.query.noh1),F.query.properties&&N("true"===F.query.properties),F.query.current)){let t=Array.isArray(F.query.current)?F.query.current[0]:F.query.current;if(S!==t){var e;q(t),null===(e=document.querySelector("#".concat(t)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let t=F.asPath.split("?")[0],{previous:a,next:n}=(0,j.vn)(t);I(a),W(n),O((0,j.kn)(t))},[F]),(0,n.jsxs)(n.Fragment,{children:[F.isReady&&o&&(0,n.jsx)("div",{className:"".concat(b?"noh1":""," ").concat(w?"is-properties":""),children:s}),F.isReady&&!o&&(0,n.jsxs)(d,{fadeIn:!0,variant:"fixed",header:(0,n.jsx)(p.Z,{drawerOpen:_,onToggle:E,brand:(0,n.jsx)(v.Z,{children:"DB-UI Mono"}),primaryAction:(0,n.jsx)(f.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,n.jsx)(R,{}),children:(0,n.jsx)(Z,{})}),children:[A&&A.length>1&&(0,n.jsx)(m.Z,{spacing:"none",width:"large",children:(0,n.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==A?void 0:A.map(e=>{var t;return(0,n.jsxs)(c.Fragment,{children:["/"!==e.path&&(0,n.jsx)(g.Z,{icon:"chevron_right"}),(0,n.jsx)(u(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(t=e.path)&&void 0!==t?t:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,n.jsx)(m.Z,{spacing:"none",width:"large",children:s}),!i&&(null!=k?k:P)&&(0,n.jsxs)(m.Z,{width:"large",spacing:"small",className:"link-containers",children:[k&&(0,n.jsx)(u(),{className:"previous-link-container",href:null!==(t=k.path)&&void 0!==t?t:"/",children:(0,n.jsxs)(x.Z,{behaviour:"interactive",children:[(0,n.jsx)("small",{children:"Previous"}),(0,n.jsx)("span",{"data-icon":"arrow_left",children:k.label})]})}),P&&(0,n.jsx)(u(),{className:"next-link-container",href:null!==(a=P.path)&&void 0!==a?a:"/",children:(0,n.jsxs)(x.Z,{behaviour:"interactive",children:[(0,n.jsx)("small",{children:"Next"}),(0,n.jsx)("span",{"data-icon-after":"arrow_right",children:P.label})]})})]})]})]})};var P=i()(async()=>I,{ssr:!1})},91359:function(e,t,a){"use strict";var n=a(5632),r=a(2784),s=a(92811);t.Z=()=>{let e=(0,n.useRouter)();return(0,r.useEffect)(()=>{if(e){let t=e.asPath.replace("/","").split("/"),a=t.length>0&&"components"===t[0],n=t.length>1?t[1]:void 0,r=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=e.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(a&&n){let t=[];r&&i?t.push(r,i):r?t.push(r):t.push("overview");let a=(0,s.vY)().find(e=>{var t;return null===(t=e.path)||void 0===t?void 0:t.endsWith(n)});(null==a?void 0:a.path)?e.push("".concat(a.path,"/").concat(t.join("/")).concat(l)):e.push("/")}}},[e]),null}},80476:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return u},default:function(){return h}});var n=a(52322),r=a(5632);a(2784);var s=a(92811),i=a(53148),c=a(79672),l=a(91359);let o=e=>{let t;for(let a of s.Ec)if(a.subNavigation){for(let n of a.subNavigation)if(n.name===e&&n.component){t=n.component;break}if(t)break}return t};var u=!0;function h(){let e=(0,r.useRouter)().query.slug,t=Array.isArray(e)?e:e?[e]:[],a=t.length<1,u=t.at(-1),h=!(0,s.tp)().includes(t[0]);if(!a&&h)return(0,n.jsx)(l.Z,{});if("overview"===u){let e=o(t.at(-2));return(0,n.jsx)(i.Z,{children:e})}return(0,n.jsx)(c.Z,{})}}},function(e){e.O(0,[6061,1954,2182,2811,2888,9774,179],function(){return e(e.s=2193)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Angular-2d7046b4a5eed3b9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Angular-2d7046b4a5eed3b9.js new file mode 100644 index 00000000000..d72e50f19c3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Angular-2d7046b4a5eed3b9.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5981],{64783:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Angular",function(){return e(42593)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},42593:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=64783)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Angular-485e4caffa36627f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Angular-485e4caffa36627f.js deleted file mode 100644 index 8144dd2815f..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Angular-485e4caffa36627f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5981],{64783:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Angular",function(){return e(42593)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,c=t.length>3?t[3]:void 0,s=n.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&u){let t=[];o&&c?t.push(o,c):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},42593:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=64783)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/HTML-40551afeb49287a1.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/HTML-40551afeb49287a1.js deleted file mode 100644 index 9ca01c07c1d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/HTML-40551afeb49287a1.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5533],{7164:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/HTML",function(){return e(74640)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,s=t.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&o){let n=[];u&&c?n.push(u,c):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},74640:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=7164)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/HTML-8975516cd60c194f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/HTML-8975516cd60c194f.js new file mode 100644 index 00000000000..a74917d942c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/HTML-8975516cd60c194f.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5533],{7164:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/HTML",function(){return e(74640)}])},91359:function(n,t,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);t.Z=()=>{let n=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(o&&u){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},74640:function(n,t,e){"use strict";e.r(t);var o=e(52322),u=e(91359);t.default=()=>(0,o.jsx)(u.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=7164)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/React-10968750830467b8.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/React-10968750830467b8.js new file mode 100644 index 00000000000..9dc4a17c415 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/React-10968750830467b8.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7286],{49961:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/React",function(){return e(99741)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),c=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(o&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},99741:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=49961)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/React-432dd104fef83410.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/React-432dd104fef83410.js deleted file mode 100644 index 76ee723594c..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/React-432dd104fef83410.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7286],{49961:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/React",function(){return e(99741)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),c=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,s=t.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&o){let n=[];u&&i?n.push(u,i):u?n.push(u):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},99741:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=49961)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Vue-a446d0d122b11b98.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Vue-a446d0d122b11b98.js deleted file mode 100644 index 7b9b2b36333..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Vue-a446d0d122b11b98.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3261],{86274:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Vue",function(){return e(30186)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,s=t.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},30186:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=86274)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Vue-c9594b151b21a904.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Vue-c9594b151b21a904.js new file mode 100644 index 00000000000..b6cfa08099c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/docs/Vue-c9594b151b21a904.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3261],{86274:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Vue",function(){return e(30186)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},30186:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=86274)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/properties-0f6d17086f86f856.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/properties-0f6d17086f86f856.js new file mode 100644 index 00000000000..afae75100b4 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/properties-0f6d17086f86f856.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3341],{22586:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/properties",function(){return e(55409)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(o&&u){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},55409:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=22586)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/properties-d22c23245a7a294d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/properties-d22c23245a7a294d.js deleted file mode 100644 index a2cdaa8c7df..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion-item/properties-d22c23245a7a294d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3341],{22586:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/properties",function(){return e(55409)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&o){let n=[];u&&s?n.push(u,s):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},55409:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=22586)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Angular-1fc6c1735751efd8.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Angular-1fc6c1735751efd8.js deleted file mode 100644 index fac8ec473aa..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Angular-1fc6c1735751efd8.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8394],{11119:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Angular",function(){return e(49840)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,s=n.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},49840:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=11119)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Angular-822e141a9cfb42ae.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Angular-822e141a9cfb42ae.js new file mode 100644 index 00000000000..ee8f612db44 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Angular-822e141a9cfb42ae.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8394],{11119:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Angular",function(){return e(49840)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},49840:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=11119)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/HTML-33e6a81e7047883b.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/HTML-33e6a81e7047883b.js deleted file mode 100644 index 1c5ea90697f..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/HTML-33e6a81e7047883b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6382],{35188:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/HTML",function(){return e(35958)}])},91359:function(n,t,e){"use strict";var o=e(5632),u=e(2784),c=e(92811);t.Z=()=>{let n=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],o=t.length>1?t[1]:void 0,u=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,s=n.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&o){let t=[];u&&i?t.push(u,i):u?t.push(u):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},35958:function(n,t,e){"use strict";e.r(t);var o=e(52322),u=e(91359);t.default=()=>(0,o.jsx)(u.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=35188)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/HTML-d75d1e76e30a9ca1.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/HTML-d75d1e76e30a9ca1.js new file mode 100644 index 00000000000..fa5045366a9 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/HTML-d75d1e76e30a9ca1.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6382],{35188:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/HTML",function(){return e(35958)}])},91359:function(n,t,e){"use strict";var o=e(5632),u=e(2784),c=e(92811);t.Z=()=>{let n=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(o&&u){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},35958:function(n,t,e){"use strict";e.r(t);var o=e(52322),u=e(91359);t.default=()=>(0,o.jsx)(u.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=35188)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/React-4eb0b379a0ae1329.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/React-4eb0b379a0ae1329.js new file mode 100644 index 00000000000..842e9577dea --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/React-4eb0b379a0ae1329.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1799],{75147:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/React",function(){return e(76958)}])},91359:function(n,t,e){"use strict";var o=e(5632),u=e(2784),c=e(92811);t.Z=()=>{let n=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(o&&u){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},76958:function(n,t,e){"use strict";e.r(t);var o=e(52322),u=e(91359);t.default=()=>(0,o.jsx)(u.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=75147)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/React-83107bbf0b5ea40c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/React-83107bbf0b5ea40c.js deleted file mode 100644 index 555b05337dd..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/React-83107bbf0b5ea40c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1799],{75147:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/React",function(){return e(76958)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),c=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,s=t.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&o){let n=[];u&&i?n.push(u,i):u?n.push(u):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},76958:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=75147)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Vue-4a10e6eebced9214.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Vue-4a10e6eebced9214.js deleted file mode 100644 index 8017421a357..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Vue-4a10e6eebced9214.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4560],{77645:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Vue",function(){return e(47329)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,s=n.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},47329:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=77645)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Vue-b572244cd4cc651c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Vue-b572244cd4cc651c.js new file mode 100644 index 00000000000..52e296365a9 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/docs/Vue-b572244cd4cc651c.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4560],{77645:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Vue",function(){return e(47329)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},47329:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=77645)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/properties-0edb3b011338f66c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/properties-0edb3b011338f66c.js deleted file mode 100644 index 9e584d2b133..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/properties-0edb3b011338f66c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3664],{94772:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/properties",function(){return e(17137)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&o){let n=[];u&&s?n.push(u,s):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},17137:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=94772)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/properties-7e0885da6ad7baa3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/properties-7e0885da6ad7baa3.js new file mode 100644 index 00000000000..528f0f8820a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/accordion/properties-7e0885da6ad7baa3.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3664],{94772:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/properties",function(){return e(17137)}])},91359:function(n,t,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);t.Z=()=>{let n=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(o&&u){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},17137:function(n,t,e){"use strict";e.r(t);var o=e(52322),u=e(91359);t.default=()=>(0,o.jsx)(u.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=94772)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Angular-029844cd325fb7c3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Angular-029844cd325fb7c3.js new file mode 100644 index 00000000000..41c90d67d67 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Angular-029844cd325fb7c3.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9128],{76477:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Angular",function(){return e(75899)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},75899:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=76477)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Angular-c30737e7341298e3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Angular-c30737e7341298e3.js deleted file mode 100644 index 4fd1e83d1a8..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Angular-c30737e7341298e3.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9128],{76477:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Angular",function(){return e(75899)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},75899:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=76477)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/HTML-206c2531a55a0fae.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/HTML-206c2531a55a0fae.js new file mode 100644 index 00000000000..5ace0a722ba --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/HTML-206c2531a55a0fae.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[862],{88418:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/HTML",function(){return e(41248)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},41248:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=88418)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/HTML-7dc9df0db3315343.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/HTML-7dc9df0db3315343.js deleted file mode 100644 index 57daaefe712..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/HTML-7dc9df0db3315343.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[862],{88418:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/HTML",function(){return e(41248)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},41248:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=88418)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/React-149d31dcd6245af4.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/React-149d31dcd6245af4.js deleted file mode 100644 index 96f2c7777ab..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/React-149d31dcd6245af4.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5371],{52875:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/React",function(){return e(99152)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},99152:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=52875)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/React-8f86491812229de1.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/React-8f86491812229de1.js new file mode 100644 index 00000000000..e0b82c2cc22 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/React-8f86491812229de1.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5371],{52875:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/React",function(){return e(99152)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},99152:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=52875)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Vue-9a6957f8312b9831.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Vue-9a6957f8312b9831.js new file mode 100644 index 00000000000..fffee608081 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Vue-9a6957f8312b9831.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[444],{13810:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Vue",function(){return e(25409)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},25409:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=13810)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Vue-e340c954c2c9bea8.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Vue-e340c954c2c9bea8.js deleted file mode 100644 index 2c2419967e8..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/docs/Vue-e340c954c2c9bea8.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[444],{13810:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Vue",function(){return e(25409)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},25409:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=13810)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/properties-17e504a97de7eb4e.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/properties-17e504a97de7eb4e.js deleted file mode 100644 index 54c3eb61682..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/properties-17e504a97de7eb4e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1502],{5268:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/properties",function(){return e(80903)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},80903:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=5268)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/properties-e76a7215055cc388.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/properties-e76a7215055cc388.js new file mode 100644 index 00000000000..90e60e90ea8 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/badge/properties-e76a7215055cc388.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1502],{5268:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/properties",function(){return e(80903)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},80903:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=5268)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Angular-042b2ed217b48009.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Angular-042b2ed217b48009.js deleted file mode 100644 index 125a20a2b24..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Angular-042b2ed217b48009.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4140],{77119:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/Angular",function(){return e(87689)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},87689:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=77119)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Angular-0874c94a7f543667.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Angular-0874c94a7f543667.js new file mode 100644 index 00000000000..333cc9f1b5e --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Angular-0874c94a7f543667.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4140],{77119:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/Angular",function(){return e(87689)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},87689:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=77119)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/HTML-32e825f03114c116.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/HTML-32e825f03114c116.js new file mode 100644 index 00000000000..e98b5f87e61 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/HTML-32e825f03114c116.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6295],{11084:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/HTML",function(){return e(75152)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},75152:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=11084)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/HTML-6a3c6e6133b5e38c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/HTML-6a3c6e6133b5e38c.js deleted file mode 100644 index 067fb90ddaa..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/HTML-6a3c6e6133b5e38c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6295],{11084:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/HTML",function(){return e(75152)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},75152:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=11084)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/React-85f5668e366b3fbd.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/React-85f5668e366b3fbd.js new file mode 100644 index 00000000000..fff6d156eec --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/React-85f5668e366b3fbd.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1639],{72323:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/React",function(){return e(50210)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},50210:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=72323)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/React-ada0975bdbf8ff42.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/React-ada0975bdbf8ff42.js deleted file mode 100644 index 7f66d8cf946..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/React-ada0975bdbf8ff42.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1639],{72323:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/React",function(){return e(50210)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},50210:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=72323)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Vue-53e0696cf6206d0d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Vue-53e0696cf6206d0d.js deleted file mode 100644 index fc37dc1681a..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Vue-53e0696cf6206d0d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7785],{89511:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/Vue",function(){return e(14777)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},14777:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=89511)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Vue-b9dad4df7573a383.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Vue-b9dad4df7573a383.js new file mode 100644 index 00000000000..c0ff7a164f5 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/docs/Vue-b9dad4df7573a383.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7785],{89511:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/Vue",function(){return e(14777)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},14777:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=89511)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/properties-2b150479d26135ac.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/properties-2b150479d26135ac.js deleted file mode 100644 index 14ef8d525b8..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/properties-2b150479d26135ac.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6593],{87646:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/properties",function(){return e(15889)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},15889:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=87646)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/properties-981f693c62cfca04.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/properties-981f693c62cfca04.js new file mode 100644 index 00000000000..74b875e41dc --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/brand/properties-981f693c62cfca04.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6593],{87646:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/properties",function(){return e(15889)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},15889:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=87646)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Angular-1b56e0e5439bb0b2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Angular-1b56e0e5439bb0b2.js deleted file mode 100644 index afcd461517f..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Angular-1b56e0e5439bb0b2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9232],{53133:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Angular",function(){return e(44299)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},44299:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=53133)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Angular-922b4898836f8ac3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Angular-922b4898836f8ac3.js new file mode 100644 index 00000000000..4cc1954225a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Angular-922b4898836f8ac3.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9232],{53133:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Angular",function(){return e(44299)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},44299:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=53133)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/HTML-213d9c7e455af070.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/HTML-213d9c7e455af070.js deleted file mode 100644 index c18d2f9db84..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/HTML-213d9c7e455af070.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3146],{92154:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/HTML",function(){return e(79226)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},79226:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=92154)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/HTML-96f8c4a287887b56.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/HTML-96f8c4a287887b56.js new file mode 100644 index 00000000000..6ccf9524da3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/HTML-96f8c4a287887b56.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3146],{92154:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/HTML",function(){return e(79226)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},79226:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=92154)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/React-5231d54fbe381e56.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/React-5231d54fbe381e56.js deleted file mode 100644 index 28e1d4d22f9..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/React-5231d54fbe381e56.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6879],{84770:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/React",function(){return e(88966)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},88966:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=84770)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/React-6a1f7d4c9daa3732.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/React-6a1f7d4c9daa3732.js new file mode 100644 index 00000000000..ad86f018ce6 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/React-6a1f7d4c9daa3732.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6879],{84770:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/React",function(){return e(88966)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},88966:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=84770)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Vue-497e8c3861596285.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Vue-497e8c3861596285.js deleted file mode 100644 index 19eb7fad05c..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Vue-497e8c3861596285.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1633],{54612:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Vue",function(){return e(82996)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},82996:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=54612)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Vue-d28d330df84f1775.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Vue-d28d330df84f1775.js new file mode 100644 index 00000000000..4e586dea545 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/docs/Vue-d28d330df84f1775.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1633],{54612:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Vue",function(){return e(82996)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},82996:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=54612)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/properties-7372b9e8bbc36196.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/properties-7372b9e8bbc36196.js deleted file mode 100644 index 44c61d78742..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/properties-7372b9e8bbc36196.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5417],{88833:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/properties",function(){return e(80747)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},80747:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=88833)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/properties-888820dab3d70594.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/properties-888820dab3d70594.js new file mode 100644 index 00000000000..d25bf2508cd --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/button/properties-888820dab3d70594.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5417],{88833:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/properties",function(){return e(80747)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},80747:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=88833)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Angular-0a1ea5a36c2cbd37.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Angular-0a1ea5a36c2cbd37.js deleted file mode 100644 index 2de2f74c8bb..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Angular-0a1ea5a36c2cbd37.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4225],{49741:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Angular",function(){return e(56925)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,c=t.length>3?t[3]:void 0,i=n.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let t=[];o&&c?t.push(o,c):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},56925:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=49741)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Angular-2a371dd892fed46f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Angular-2a371dd892fed46f.js new file mode 100644 index 00000000000..9ccc6d1f981 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Angular-2a371dd892fed46f.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4225],{49741:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Angular",function(){return e(56925)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},56925:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=49741)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/HTML-4c26f67d3e39dfd2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/HTML-4c26f67d3e39dfd2.js deleted file mode 100644 index 3bda82e5f7e..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/HTML-4c26f67d3e39dfd2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3274],{78601:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/HTML",function(){return e(86323)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},86323:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=78601)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/HTML-5f27b4b48a986ca5.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/HTML-5f27b4b48a986ca5.js new file mode 100644 index 00000000000..bb78c0b3e0a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/HTML-5f27b4b48a986ca5.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3274],{78601:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/HTML",function(){return e(86323)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},86323:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=78601)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/React-5ce602b9001e7b74.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/React-5ce602b9001e7b74.js deleted file mode 100644 index 0edabc5c867..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/React-5ce602b9001e7b74.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8616],{52325:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/React",function(){return e(2666)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},2666:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=52325)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/React-977e7768a2d19193.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/React-977e7768a2d19193.js new file mode 100644 index 00000000000..a4358b1461d --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/React-977e7768a2d19193.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8616],{52325:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/React",function(){return e(2666)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},2666:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=52325)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Vue-476470dd06cdba7c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Vue-476470dd06cdba7c.js new file mode 100644 index 00000000000..e8233dcd554 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Vue-476470dd06cdba7c.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[158],{89999:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Vue",function(){return e(5406)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},5406:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=89999)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Vue-d05cdf36b98145fd.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Vue-d05cdf36b98145fd.js deleted file mode 100644 index 5c3403c9932..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/docs/Vue-d05cdf36b98145fd.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[158],{89999:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Vue",function(){return e(5406)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},5406:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=89999)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/properties-73f7b191da3370b3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/properties-73f7b191da3370b3.js deleted file mode 100644 index 2480c199598..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/properties-73f7b191da3370b3.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5221],{33805:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/properties",function(){return e(48e3)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},48e3:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=33805)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/properties-c7c97a6c8bdb5c26.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/properties-c7c97a6c8bdb5c26.js new file mode 100644 index 00000000000..729b80fa131 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/card/properties-c7c97a6c8bdb5c26.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5221],{33805:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/properties",function(){return e(48e3)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},48e3:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=33805)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Angular-0cd739c15517b211.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Angular-0cd739c15517b211.js new file mode 100644 index 00000000000..09dcbe077c3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Angular-0cd739c15517b211.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8783],{17484:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/Angular",function(){return e(18638)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},18638:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=17484)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Angular-74d3256c1a94ea7f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Angular-74d3256c1a94ea7f.js deleted file mode 100644 index 7bee61e228e..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Angular-74d3256c1a94ea7f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8783],{17484:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/Angular",function(){return e(18638)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,i=n.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},18638:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=17484)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/HTML-78ff511cb440b155.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/HTML-78ff511cb440b155.js new file mode 100644 index 00000000000..302c46ca4c4 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/HTML-78ff511cb440b155.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1289],{27205:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/HTML",function(){return e(13540)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},13540:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=27205)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/HTML-eb3de3e7b4a552d7.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/HTML-eb3de3e7b4a552d7.js deleted file mode 100644 index 97deb468b01..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/HTML-eb3de3e7b4a552d7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1289],{27205:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/HTML",function(){return e(13540)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,i=t.asPath.split("?"),h=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},13540:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=27205)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/React-573d91a99116302f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/React-573d91a99116302f.js deleted file mode 100644 index 9019b716923..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/React-573d91a99116302f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7804],{5120:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/React",function(){return e(67321)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,i=t.asPath.split("?"),h=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},67321:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=5120)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/React-6b62b6b8b3b4beee.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/React-6b62b6b8b3b4beee.js new file mode 100644 index 00000000000..d050e576f91 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/React-6b62b6b8b3b4beee.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7804],{5120:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/React",function(){return e(67321)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},67321:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=5120)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Vue-17c562d84f49b9ef.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Vue-17c562d84f49b9ef.js deleted file mode 100644 index a7a22269796..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Vue-17c562d84f49b9ef.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4484],{67586:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/Vue",function(){return e(6745)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,i=t.asPath.split("?"),h=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},6745:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=67586)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Vue-9e95fc808136a635.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Vue-9e95fc808136a635.js new file mode 100644 index 00000000000..ec5e108f0e7 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/docs/Vue-9e95fc808136a635.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4484],{67586:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/Vue",function(){return e(6745)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,c.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},6745:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=67586)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/properties-7bca91eea5384d71.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/properties-7bca91eea5384d71.js deleted file mode 100644 index 25818fcd5ee..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/properties-7bca91eea5384d71.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[537],{60512:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/properties",function(){return e(79943)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),h=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},79943:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=60512)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/properties-8b7e50642e979fd1.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/properties-8b7e50642e979fd1.js new file mode 100644 index 00000000000..67a8bab9957 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/checkbox/properties-8b7e50642e979fd1.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[537],{60512:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/properties",function(){return e(79943)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},79943:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=60512)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Angular-5a4271b1183b121a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Angular-5a4271b1183b121a.js new file mode 100644 index 00000000000..e062c3117e2 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Angular-5a4271b1183b121a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4762],{45107:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Angular",function(){return e(18235)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&i){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(i)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},18235:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=45107)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Angular-ef4db5e77c227682.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Angular-ef4db5e77c227682.js deleted file mode 100644 index d7ae5be9fe6..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Angular-ef4db5e77c227682.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4762],{45107:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Angular",function(){return e(18235)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,i=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},18235:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=45107)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/HTML-267a1df0f2ab13e9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/HTML-267a1df0f2ab13e9.js deleted file mode 100644 index d9f6f292034..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/HTML-267a1df0f2ab13e9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4319],{50165:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/HTML",function(){return e(47193)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},47193:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=50165)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/HTML-997a757d34a65236.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/HTML-997a757d34a65236.js new file mode 100644 index 00000000000..6fbcfec0cf3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/HTML-997a757d34a65236.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4319],{50165:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/HTML",function(){return e(47193)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&i){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(i)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},47193:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=50165)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/React-a8f7eadc1cf2977e.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/React-a8f7eadc1cf2977e.js deleted file mode 100644 index dd4924a83f6..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/React-a8f7eadc1cf2977e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8024],{98030:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/React",function(){return e(97444)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},97444:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=98030)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/React-fbe2a5f0897252d8.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/React-fbe2a5f0897252d8.js new file mode 100644 index 00000000000..c538ad3ef83 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/React-fbe2a5f0897252d8.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8024],{98030:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/React",function(){return e(97444)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&i){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(i)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},97444:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=98030)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Vue-2655d5d7f99c8b52.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Vue-2655d5d7f99c8b52.js new file mode 100644 index 00000000000..971ce150df6 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Vue-2655d5d7f99c8b52.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4835],{144:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Vue",function(){return e(62176)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&i){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(i)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},62176:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=144)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Vue-f74a7e1ad49f87a9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Vue-f74a7e1ad49f87a9.js deleted file mode 100644 index 3ec4118bf3f..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/docs/Vue-f74a7e1ad49f87a9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4835],{144:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Vue",function(){return e(62176)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},62176:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=144)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/properties-1c93a87c7bc1fe17.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/properties-1c93a87c7bc1fe17.js new file mode 100644 index 00000000000..9ef4480afaf --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/properties-1c93a87c7bc1fe17.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[788],{99889:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/properties",function(){return e(78401)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&i){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(i)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},78401:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=99889)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/properties-7f58903c1f5b77a8.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/properties-7f58903c1f5b77a8.js deleted file mode 100644 index 7eb7cd03734..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/divider/properties-7f58903c1f5b77a8.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[788],{99889:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/properties",function(){return e(78401)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},78401:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=99889)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Angular-13bd78b18b0dc7e7.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Angular-13bd78b18b0dc7e7.js new file mode 100644 index 00000000000..1e014f3b278 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Angular-13bd78b18b0dc7e7.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4852],{47093:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Angular",function(){return e(27256)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},27256:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=47093)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Angular-ccfe48aca3f9fe96.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Angular-ccfe48aca3f9fe96.js deleted file mode 100644 index 5de5f4c8a2b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Angular-ccfe48aca3f9fe96.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4852],{47093:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Angular",function(){return e(27256)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},27256:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=47093)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/HTML-119aea85e63677ec.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/HTML-119aea85e63677ec.js new file mode 100644 index 00000000000..e35513c4059 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/HTML-119aea85e63677ec.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[652],{18823:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/HTML",function(){return e(4050)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},4050:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=18823)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/HTML-140dfacaf2d5f0f3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/HTML-140dfacaf2d5f0f3.js deleted file mode 100644 index a5d434d6e89..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/HTML-140dfacaf2d5f0f3.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[652],{18823:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/HTML",function(){return e(4050)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},4050:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=18823)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/React-1dc63c4aa8337ae3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/React-1dc63c4aa8337ae3.js deleted file mode 100644 index 66e0cbbac47..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/React-1dc63c4aa8337ae3.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5375],{89189:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/React",function(){return e(41908)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},41908:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=89189)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/React-33879581bf0352bc.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/React-33879581bf0352bc.js new file mode 100644 index 00000000000..6527554019c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/React-33879581bf0352bc.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5375],{89189:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/React",function(){return e(41908)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},41908:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=89189)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Vue-44c40960c4ef0a09.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Vue-44c40960c4ef0a09.js new file mode 100644 index 00000000000..2af39e1a3d2 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Vue-44c40960c4ef0a09.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3473],{10043:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Vue",function(){return e(16827)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},16827:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=10043)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Vue-49a7c9d480dfa359.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Vue-49a7c9d480dfa359.js deleted file mode 100644 index c6b120b5e4d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/docs/Vue-49a7c9d480dfa359.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3473],{10043:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Vue",function(){return e(16827)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},16827:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=10043)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/properties-78073bfc60946412.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/properties-78073bfc60946412.js deleted file mode 100644 index abd1c60aec7..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/properties-78073bfc60946412.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6274],{40621:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/properties",function(){return e(48601)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},48601:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=40621)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/properties-838935f70f7c5a54.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/properties-838935f70f7c5a54.js new file mode 100644 index 00000000000..82fde85a0ca --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/drawer/properties-838935f70f7c5a54.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6274],{40621:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/properties",function(){return e(48601)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},48601:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=40621)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Angular-1baa0cc9a3ea5919.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Angular-1baa0cc9a3ea5919.js deleted file mode 100644 index c8b510c1fc5..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Angular-1baa0cc9a3ea5919.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27],{97701:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/Angular",function(){return e(12003)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},12003:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=97701)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Angular-1e8d4e2dffde2e21.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Angular-1e8d4e2dffde2e21.js new file mode 100644 index 00000000000..678a48cd4ba --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Angular-1e8d4e2dffde2e21.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27],{97701:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/Angular",function(){return e(12003)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},12003:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=97701)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/HTML-0b7ed6a7cff7fe89.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/HTML-0b7ed6a7cff7fe89.js deleted file mode 100644 index e9111537815..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/HTML-0b7ed6a7cff7fe89.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6330],{83124:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/HTML",function(){return e(87540)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),h=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},87540:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=83124)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/HTML-64a8bad5db01ae53.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/HTML-64a8bad5db01ae53.js new file mode 100644 index 00000000000..0962b32774a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/HTML-64a8bad5db01ae53.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6330],{83124:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/HTML",function(){return e(87540)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},87540:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=83124)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/React-5f5feeb4f43aac37.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/React-5f5feeb4f43aac37.js new file mode 100644 index 00000000000..ceec59c83c6 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/React-5f5feeb4f43aac37.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8055],{70193:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/React",function(){return e(19603)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},19603:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=70193)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/React-bdc1e0dc8dfc8f9d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/React-bdc1e0dc8dfc8f9d.js deleted file mode 100644 index bcfd587a4d8..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/React-bdc1e0dc8dfc8f9d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8055],{70193:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/React",function(){return e(19603)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),h=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},19603:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=70193)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Vue-0f1f331ad7aefcba.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Vue-0f1f331ad7aefcba.js new file mode 100644 index 00000000000..56faa78e9bb --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Vue-0f1f331ad7aefcba.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6871],{25352:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/Vue",function(){return e(9658)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},9658:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=25352)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Vue-5c8fd73236d40138.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Vue-5c8fd73236d40138.js deleted file mode 100644 index a94a1e74736..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/docs/Vue-5c8fd73236d40138.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6871],{25352:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/Vue",function(){return e(9658)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),h=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},9658:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=25352)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/properties-0463719342809833.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/properties-0463719342809833.js new file mode 100644 index 00000000000..56cb5424e26 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/properties-0463719342809833.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4312],{28566:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/properties",function(){return e(99236)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},99236:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=28566)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/properties-13ded0192e261b95.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/properties-13ded0192e261b95.js deleted file mode 100644 index ff88b8db67b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/header/properties-13ded0192e261b95.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4312],{28566:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/properties",function(){return e(99236)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),h=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},99236:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=28566)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Angular-4f8e567baef1b5f9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Angular-4f8e567baef1b5f9.js new file mode 100644 index 00000000000..249eb737081 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Angular-4f8e567baef1b5f9.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4525],{35804:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Angular",function(){return e(60867)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},60867:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=35804)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Angular-a5050e5064f3a5e2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Angular-a5050e5064f3a5e2.js deleted file mode 100644 index 9a068b8abeb..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Angular-a5050e5064f3a5e2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4525],{35804:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Angular",function(){return e(60867)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},60867:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=35804)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/HTML-2d4e9c84d08cec4a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/HTML-2d4e9c84d08cec4a.js deleted file mode 100644 index 26ae918dff3..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/HTML-2d4e9c84d08cec4a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3961],{89170:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/HTML",function(){return e(65294)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},65294:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=89170)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/HTML-5598be0cd0ff14b9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/HTML-5598be0cd0ff14b9.js new file mode 100644 index 00000000000..c16c27f967c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/HTML-5598be0cd0ff14b9.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3961],{89170:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/HTML",function(){return e(65294)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},65294:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=89170)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/React-25526a285297aecd.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/React-25526a285297aecd.js deleted file mode 100644 index 4958a93c475..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/React-25526a285297aecd.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5956],{22992:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/React",function(){return e(60347)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},60347:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=22992)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/React-d13e1441d280fc46.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/React-d13e1441d280fc46.js new file mode 100644 index 00000000000..8570c78cba3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/React-d13e1441d280fc46.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5956],{22992:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/React",function(){return e(60347)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},60347:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=22992)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Vue-3dea25efb9a495f4.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Vue-3dea25efb9a495f4.js new file mode 100644 index 00000000000..bd441828c52 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Vue-3dea25efb9a495f4.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7457],{14203:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Vue",function(){return e(99233)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},99233:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=14203)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Vue-b62b26b3caa3acc7.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Vue-b62b26b3caa3acc7.js deleted file mode 100644 index 0a8a56a084c..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/docs/Vue-b62b26b3caa3acc7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7457],{14203:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Vue",function(){return e(99233)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},99233:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=14203)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/properties-31e575a10f8a6b03.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/properties-31e575a10f8a6b03.js new file mode 100644 index 00000000000..4b473cd0c2b --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/properties-31e575a10f8a6b03.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8032],{56421:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/properties",function(){return e(33272)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},33272:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=56421)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/properties-a5eace661e8f89e2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/properties-a5eace661e8f89e2.js deleted file mode 100644 index f31440fc4b9..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/infotext/properties-a5eace661e8f89e2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8032],{56421:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/properties",function(){return e(33272)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},33272:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=56421)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Angular-86fd296150698c6b.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Angular-86fd296150698c6b.js new file mode 100644 index 00000000000..b76d7c79737 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Angular-86fd296150698c6b.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1531],{7873:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/Angular",function(){return e(91105)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},91105:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=7873)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Angular-91377d3ef641884a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Angular-91377d3ef641884a.js deleted file mode 100644 index c6e8dee4149..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Angular-91377d3ef641884a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1531],{7873:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/Angular",function(){return e(91105)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},91105:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=7873)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/HTML-010dde4d9e9487cf.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/HTML-010dde4d9e9487cf.js deleted file mode 100644 index e3931494d2b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/HTML-010dde4d9e9487cf.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4461],{55301:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/HTML",function(){return e(21321)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},21321:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=55301)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/HTML-41665354d7240773.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/HTML-41665354d7240773.js new file mode 100644 index 00000000000..d63452c3896 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/HTML-41665354d7240773.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4461],{55301:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/HTML",function(){return e(21321)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},21321:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=55301)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/React-0e82818460cd1ef9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/React-0e82818460cd1ef9.js new file mode 100644 index 00000000000..a99f37f1f9f --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/React-0e82818460cd1ef9.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1285],{47964:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/React",function(){return e(6011)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},6011:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=47964)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/React-41fa3173648d47de.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/React-41fa3173648d47de.js deleted file mode 100644 index 0134b046b04..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/React-41fa3173648d47de.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1285],{47964:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/React",function(){return e(6011)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},6011:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=47964)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Vue-3eb86316f97ed5c2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Vue-3eb86316f97ed5c2.js new file mode 100644 index 00000000000..7fd6225f0f5 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Vue-3eb86316f97ed5c2.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3247],{185:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/Vue",function(){return e(82885)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},82885:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=185)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Vue-887cc5aac3f0ad69.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Vue-887cc5aac3f0ad69.js deleted file mode 100644 index 24ef3cd5934..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/docs/Vue-887cc5aac3f0ad69.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3247],{185:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/Vue",function(){return e(82885)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},82885:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=185)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/properties-8a13194cfafe3005.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/properties-8a13194cfafe3005.js new file mode 100644 index 00000000000..7f0079be633 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/properties-8a13194cfafe3005.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5303],{78836:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/properties",function(){return e(41184)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&i){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(i)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},41184:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=78836)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/properties-b820e677a385edbf.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/properties-b820e677a385edbf.js deleted file mode 100644 index c453185efd1..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/input/properties-b820e677a385edbf.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5303],{78836:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/properties",function(){return e(41184)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},41184:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=78836)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Angular-56a85e88fe197e38.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Angular-56a85e88fe197e38.js new file mode 100644 index 00000000000..e35e4b76b90 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Angular-56a85e88fe197e38.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1689],{68816:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/Angular",function(){return e(67495)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},67495:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=68816)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Angular-56de4fcd90a8f9a1.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Angular-56de4fcd90a8f9a1.js deleted file mode 100644 index 90a7f26256d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Angular-56de4fcd90a8f9a1.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1689],{68816:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/Angular",function(){return e(67495)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},67495:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=68816)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/HTML-61b1075c6b40b06a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/HTML-61b1075c6b40b06a.js deleted file mode 100644 index 245c89464f1..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/HTML-61b1075c6b40b06a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2551],{85604:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/HTML",function(){return e(72701)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},72701:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=85604)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/HTML-801a4a838e90990f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/HTML-801a4a838e90990f.js new file mode 100644 index 00000000000..bebf332800a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/HTML-801a4a838e90990f.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2551],{85604:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/HTML",function(){return e(72701)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},72701:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=85604)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/React-05cdae0a6abbb9ab.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/React-05cdae0a6abbb9ab.js deleted file mode 100644 index a18c4f85a8b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/React-05cdae0a6abbb9ab.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8666],{89656:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/React",function(){return e(32270)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},32270:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=89656)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/React-d83ac83d9637ab75.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/React-d83ac83d9637ab75.js new file mode 100644 index 00000000000..83f3d4b7502 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/React-d83ac83d9637ab75.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8666],{89656:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/React",function(){return e(32270)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},32270:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=89656)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Vue-90310e027f9382ff.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Vue-90310e027f9382ff.js new file mode 100644 index 00000000000..dd53f37d705 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Vue-90310e027f9382ff.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4209],{15295:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/Vue",function(){return e(1732)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},1732:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=15295)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Vue-e327ebe5e5b65c22.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Vue-e327ebe5e5b65c22.js deleted file mode 100644 index 6ede1bafddb..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/docs/Vue-e327ebe5e5b65c22.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4209],{15295:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/Vue",function(){return e(1732)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},1732:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=15295)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/properties-5c14f06a14286179.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/properties-5c14f06a14286179.js deleted file mode 100644 index 8b24e4f6e67..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/properties-5c14f06a14286179.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6018],{24221:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/properties",function(){return e(170)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},170:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=24221)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/properties-de733c33729b4d8d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/properties-de733c33729b4d8d.js new file mode 100644 index 00000000000..b186cedfddb --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/link/properties-de733c33729b4d8d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6018],{24221:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/properties",function(){return e(170)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&i){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(i)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},170:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=24221)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Angular-7b592e39ec5fa4bc.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Angular-7b592e39ec5fa4bc.js new file mode 100644 index 00000000000..1cacfd61f60 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Angular-7b592e39ec5fa4bc.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2517],{74327:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Angular",function(){return e(40782)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&i){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(i)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},40782:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=74327)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Angular-96c55105300a3d2d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Angular-96c55105300a3d2d.js deleted file mode 100644 index ebf06cfc97d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Angular-96c55105300a3d2d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2517],{74327:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Angular",function(){return e(40782)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,i=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];i&&s?t.push(i,s):i?t.push(i):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},40782:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=74327)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/HTML-8a361f6b6d1cf421.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/HTML-8a361f6b6d1cf421.js new file mode 100644 index 00000000000..a8a579a3f2d --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/HTML-8a361f6b6d1cf421.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[453],{27089:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/HTML",function(){return e(6767)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&i){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(i)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},6767:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=27089)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/HTML-9045057597e309e0.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/HTML-9045057597e309e0.js deleted file mode 100644 index f1a4ed1946a..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/HTML-9045057597e309e0.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[453],{27089:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/HTML",function(){return e(6767)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},6767:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=27089)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/React-7d5a39a0f849dc91.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/React-7d5a39a0f849dc91.js new file mode 100644 index 00000000000..591728dd413 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/React-7d5a39a0f849dc91.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5579],{18596:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/React",function(){return e(97305)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&i){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(i)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},97305:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=18596)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/React-d6ccef972bb79e2f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/React-d6ccef972bb79e2f.js deleted file mode 100644 index a1b8751ba21..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/React-d6ccef972bb79e2f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5579],{18596:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/React",function(){return e(97305)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),a=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(a)):t.push("/")}}},[t]),null}},97305:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=18596)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Vue-88d9d9a9df7270ab.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Vue-88d9d9a9df7270ab.js new file mode 100644 index 00000000000..9cf03a4185c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Vue-88d9d9a9df7270ab.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7932],{86485:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Vue",function(){return e(83541)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&i){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(i)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},83541:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=86485)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Vue-da717af82af2d613.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Vue-da717af82af2d613.js deleted file mode 100644 index d360ca561c8..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/docs/Vue-da717af82af2d613.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7932],{86485:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Vue",function(){return e(83541)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},83541:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=86485)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/properties-78bdab85b4023b96.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/properties-78bdab85b4023b96.js new file mode 100644 index 00000000000..66f5d65239b --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/properties-78bdab85b4023b96.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8491],{54683:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/properties",function(){return e(61606)}])},91359:function(t,n,e){"use strict";var i=e(5632),u=e(2784),o=e(92811);n.Z=()=>{let t=(0,i.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),i=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(i&&u){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},61606:function(t,n,e){"use strict";e.r(n);var i=e(52322),u=e(91359);n.default=()=>(0,i.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=54683)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/properties-f970677b034c3c20.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/properties-f970677b034c3c20.js deleted file mode 100644 index a0d205e8f63..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation-item/properties-f970677b034c3c20.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8491],{54683:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/properties",function(){return e(61606)}])},91359:function(t,n,e){"use strict";var i=e(5632),u=e(2784),o=e(92811);n.Z=()=>{let t=(0,i.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],i=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&i){let n=[];u&&s?n.push(u,s):u?n.push(u):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(i)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},61606:function(t,n,e){"use strict";e.r(n);var i=e(52322),u=e(91359);n.default=()=>(0,i.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=54683)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Angular-6dc8af7cb5c77382.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Angular-6dc8af7cb5c77382.js new file mode 100644 index 00000000000..3d9c9c28b5a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Angular-6dc8af7cb5c77382.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6076],{36686:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/docs/Angular",function(){return e(60466)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},60466:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=36686)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Angular-81bad504f2dd6d39.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Angular-81bad504f2dd6d39.js deleted file mode 100644 index ffb700c8afb..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Angular-81bad504f2dd6d39.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6076],{36686:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/docs/Angular",function(){return e(60466)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},60466:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=36686)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/HTML-3cbe21f93a13da54.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/HTML-3cbe21f93a13da54.js deleted file mode 100644 index 073987832a5..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/HTML-3cbe21f93a13da54.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9734],{47266:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/docs/HTML",function(){return e(34523)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},34523:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=47266)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/HTML-d255beb216a176cf.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/HTML-d255beb216a176cf.js new file mode 100644 index 00000000000..6b816b23b1a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/HTML-d255beb216a176cf.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9734],{47266:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/docs/HTML",function(){return e(34523)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},34523:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=47266)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/React-a8540aec777e9aa9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/React-a8540aec777e9aa9.js new file mode 100644 index 00000000000..c038d3e1d04 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/React-a8540aec777e9aa9.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1714],{54309:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/docs/React",function(){return e(80506)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},80506:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=54309)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/React-baf00fc75ffb11d7.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/React-baf00fc75ffb11d7.js deleted file mode 100644 index 4d8f066956a..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/React-baf00fc75ffb11d7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1714],{54309:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/docs/React",function(){return e(80506)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),a=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(a)):t.push("/")}}},[t]),null}},80506:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=54309)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Vue-0bd623828d35755a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Vue-0bd623828d35755a.js deleted file mode 100644 index 908c5bcd983..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Vue-0bd623828d35755a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9247],{99502:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/docs/Vue",function(){return e(77562)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},77562:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=99502)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Vue-37083b4546c4a458.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Vue-37083b4546c4a458.js new file mode 100644 index 00000000000..5d11b089b37 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/docs/Vue-37083b4546c4a458.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9247],{99502:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/docs/Vue",function(){return e(77562)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},77562:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=99502)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/properties-29fb62070196ef71.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/properties-29fb62070196ef71.js new file mode 100644 index 00000000000..49392a4cc0a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/properties-29fb62070196ef71.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9980],{530:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/properties",function(){return e(47290)}])},91359:function(n,t,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&i){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,o.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(i)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},47290:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(91359);t.default=()=>(0,u.jsx)(i.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=530)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/properties-61fe4d7aacf24094.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/properties-61fe4d7aacf24094.js deleted file mode 100644 index 2a9b25104be..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/navigation/properties-61fe4d7aacf24094.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9980],{530:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation/properties",function(){return e(47290)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},47290:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=530)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Angular-8a3f89c8c7f5ef5d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Angular-8a3f89c8c7f5ef5d.js new file mode 100644 index 00000000000..3853fd4bbf2 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Angular-8a3f89c8c7f5ef5d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8613],{94196:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/docs/Angular",function(){return e(28680)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},28680:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=94196)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Angular-d049f2c9ecc6e161.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Angular-d049f2c9ecc6e161.js deleted file mode 100644 index 0a3b6b1bfda..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Angular-d049f2c9ecc6e161.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8613],{94196:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/docs/Angular",function(){return e(28680)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},28680:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=94196)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/HTML-0811eb027e7ce8d2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/HTML-0811eb027e7ce8d2.js new file mode 100644 index 00000000000..80a9af815f3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/HTML-0811eb027e7ce8d2.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5026],{88794:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/docs/HTML",function(){return e(30926)}])},91359:function(n,t,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);t.Z=()=>{let n=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(o&&u){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},30926:function(n,t,e){"use strict";e.r(t);var o=e(52322),u=e(91359);t.default=()=>(0,o.jsx)(u.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=88794)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/HTML-8843fb2aa7728f26.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/HTML-8843fb2aa7728f26.js deleted file mode 100644 index 9db0a4ba064..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/HTML-8843fb2aa7728f26.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5026],{88794:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/docs/HTML",function(){return e(30926)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&o){let n=[];u&&s?n.push(u,s):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},30926:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=88794)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/React-3070b098b53c1137.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/React-3070b098b53c1137.js new file mode 100644 index 00000000000..48de1968f3d --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/React-3070b098b53c1137.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46],{47650:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/docs/React",function(){return e(58622)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(o&&u){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},58622:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=47650)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/React-b86d2545f8a55f6b.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/React-b86d2545f8a55f6b.js deleted file mode 100644 index 5e0dc538e71..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/React-b86d2545f8a55f6b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46],{47650:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/docs/React",function(){return e(58622)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,s=t.asPath.split("?"),l=2===s.length?"?".concat(s[1]):"";if(e&&o){let n=[];u&&c?n.push(u,c):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},58622:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=47650)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Vue-4422d723176ce3ff.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Vue-4422d723176ce3ff.js deleted file mode 100644 index 594c599fbca..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Vue-4422d723176ce3ff.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2095],{16964:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/docs/Vue",function(){return e(14298)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},14298:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=16964)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Vue-93a8d9d66d4f9a2d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Vue-93a8d9d66d4f9a2d.js new file mode 100644 index 00000000000..060473d83c2 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/docs/Vue-93a8d9d66d4f9a2d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2095],{16964:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/docs/Vue",function(){return e(14298)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];c&&s?t.push(c,s):c?t.push(c):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},14298:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=16964)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/properties-b345f0540180c6bb.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/properties-b345f0540180c6bb.js deleted file mode 100644 index 3f37fadc573..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/properties-b345f0540180c6bb.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7412],{8900:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/properties",function(){return e(85315)}])},91359:function(t,n,e){"use strict";var i=e(5632),o=e(2784),u=e(92811);n.Z=()=>{let t=(0,i.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],i=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&i){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,u.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(i)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},85315:function(t,n,e){"use strict";e.r(n);var i=e(52322),o=e(91359);n.default=()=>(0,i.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=8900)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/properties-f21203d953aab63f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/properties-f21203d953aab63f.js new file mode 100644 index 00000000000..792d4e5cd38 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/notification/properties-f21203d953aab63f.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7412],{8900:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/notification/properties",function(){return e(85315)}])},91359:function(t,n,e){"use strict";var i=e(5632),o=e(2784),u=e(92811);n.Z=()=>{let t=(0,i.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),i=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(i&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,u.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},85315:function(t,n,e){"use strict";e.r(n);var i=e(52322),o=e(91359);n.default=()=>(0,i.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=8900)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Angular-229f68a373b0ac78.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Angular-229f68a373b0ac78.js new file mode 100644 index 00000000000..010bb6f262c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Angular-229f68a373b0ac78.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6611],{94984:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/Angular",function(){return e(39844)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},39844:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=94984)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Angular-e75cf597715cd20c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Angular-e75cf597715cd20c.js deleted file mode 100644 index 2db14dc2010..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Angular-e75cf597715cd20c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6611],{94984:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/Angular",function(){return e(39844)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},39844:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=94984)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/HTML-1ccadc893cd5aade.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/HTML-1ccadc893cd5aade.js deleted file mode 100644 index 01f51053130..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/HTML-1ccadc893cd5aade.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7679],{94318:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/HTML",function(){return e(9086)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),s=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&o){let n=[];u&&i?n.push(u,i):u?n.push(u):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},9086:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=94318)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/HTML-220e429e847510ac.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/HTML-220e429e847510ac.js new file mode 100644 index 00000000000..7b77af02b76 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/HTML-220e429e847510ac.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7679],{94318:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/HTML",function(){return e(9086)}])},91359:function(n,t,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);t.Z=()=>{let n=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(o&&u){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},9086:function(n,t,e){"use strict";e.r(t);var o=e(52322),u=e(91359);t.default=()=>(0,o.jsx)(u.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=94318)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/React-1816a8cf071f32a9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/React-1816a8cf071f32a9.js deleted file mode 100644 index 2d8004c88bb..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/React-1816a8cf071f32a9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2627],{86472:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/React",function(){return e(20821)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),s=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&o){let n=[];u&&c?n.push(u,c):u?n.push(u):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},20821:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=86472)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/React-2a4a75497a646eb0.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/React-2a4a75497a646eb0.js new file mode 100644 index 00000000000..2b8bd155ee3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/React-2a4a75497a646eb0.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2627],{86472:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/React",function(){return e(20821)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),c=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(o&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},20821:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=86472)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Vue-ae7abae8b4c1eba0.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Vue-ae7abae8b4c1eba0.js deleted file mode 100644 index 518d0b203c0..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Vue-ae7abae8b4c1eba0.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5498],{36570:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/Vue",function(){return e(66883)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},66883:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=36570)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Vue-bcd2ae8d9c4b5e00.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Vue-bcd2ae8d9c4b5e00.js new file mode 100644 index 00000000000..b886b158224 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/docs/Vue-bcd2ae8d9c4b5e00.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5498],{36570:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/docs/Vue",function(){return e(66883)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},66883:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=36570)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/properties-28acbc66f3a743f0.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/properties-28acbc66f3a743f0.js new file mode 100644 index 00000000000..51f485922e6 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/properties-28acbc66f3a743f0.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9026],{57122:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/properties",function(){return e(85908)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(o&&u){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},85908:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=57122)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/properties-d2bfcb9d392198e2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/properties-d2bfcb9d392198e2.js deleted file mode 100644 index 48b67a143d1..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/popover/properties-d2bfcb9d392198e2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9026],{57122:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/properties",function(){return e(85908)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&o){let n=[];u&&s?n.push(u,s):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},85908:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=57122)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Angular-038a95a151f0ecbf.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Angular-038a95a151f0ecbf.js deleted file mode 100644 index 005837387bc..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Angular-038a95a151f0ecbf.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5440],{63848:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/Angular",function(){return e(8484)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,s=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&s?t.push(o,s):o?t.push(o):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},8484:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=63848)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Angular-0f3ce6beb239f008.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Angular-0f3ce6beb239f008.js new file mode 100644 index 00000000000..2139faaf306 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Angular-0f3ce6beb239f008.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5440],{63848:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/Angular",function(){return e(8484)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},8484:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=63848)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/HTML-8b9fba5b02637131.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/HTML-8b9fba5b02637131.js deleted file mode 100644 index 5db902de9a3..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/HTML-8b9fba5b02637131.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3508],{63177:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/HTML",function(){return e(8228)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},8228:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=63177)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/HTML-e659c26f4699be9a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/HTML-e659c26f4699be9a.js new file mode 100644 index 00000000000..57d9be1feb3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/HTML-e659c26f4699be9a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3508],{63177:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/HTML",function(){return e(8228)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},8228:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=63177)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/React-44d910d7b0c8145c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/React-44d910d7b0c8145c.js deleted file mode 100644 index 5aaea5bb4fd..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/React-44d910d7b0c8145c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2282],{55081:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/React",function(){return e(59252)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},59252:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=55081)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/React-7bb1c1440affe9f6.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/React-7bb1c1440affe9f6.js new file mode 100644 index 00000000000..c5dae1b8767 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/React-7bb1c1440affe9f6.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2282],{55081:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/React",function(){return e(59252)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},59252:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=55081)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Vue-4601ba3db49e5db4.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Vue-4601ba3db49e5db4.js new file mode 100644 index 00000000000..6a91d2ff4ad --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Vue-4601ba3db49e5db4.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8253],{8312:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/Vue",function(){return e(95479)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},95479:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=8312)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Vue-ba7510a106b43c3a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Vue-ba7510a106b43c3a.js deleted file mode 100644 index 7dd5cd4dfe7..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/docs/Vue-ba7510a106b43c3a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8253],{8312:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/Vue",function(){return e(95479)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},95479:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=8312)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/properties-5f2bca4da9081ed3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/properties-5f2bca4da9081ed3.js deleted file mode 100644 index a1d42e3a948..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/properties-5f2bca4da9081ed3.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5581],{71064:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/properties",function(){return e(63682)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},63682:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=71064)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/properties-f221fdc76013049e.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/properties-f221fdc76013049e.js new file mode 100644 index 00000000000..a336595a6f1 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/radio/properties-f221fdc76013049e.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5581],{71064:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/properties",function(){return e(63682)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},63682:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=71064)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Angular-a2df6363a74754dd.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Angular-a2df6363a74754dd.js new file mode 100644 index 00000000000..a995a9b8fa8 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Angular-a2df6363a74754dd.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7283],{71918:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/Angular",function(){return e(51866)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},51866:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=71918)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Angular-d661fecc1b212ca8.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Angular-d661fecc1b212ca8.js deleted file mode 100644 index a2b8229ffb4..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Angular-d661fecc1b212ca8.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7283],{71918:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/Angular",function(){return e(51866)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.replace("/","").split("/"),e=t.length>0&&"components"===t[0],u=t.length>1?t[1]:void 0,o=t.length>2?t[2]:void 0,i=t.length>3?t[3]:void 0,c=n.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let t=[];o&&i?t.push(o,i):o?t.push(o):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(u)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},51866:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=71918)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/HTML-4493e9d0c0eaa1a1.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/HTML-4493e9d0c0eaa1a1.js deleted file mode 100644 index 46e1c4da183..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/HTML-4493e9d0c0eaa1a1.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7877],{87550:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/HTML",function(){return e(59086)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},59086:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=87550)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/HTML-6247fba7179c9517.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/HTML-6247fba7179c9517.js new file mode 100644 index 00000000000..d0644152721 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/HTML-6247fba7179c9517.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7877],{87550:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/HTML",function(){return e(59086)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},59086:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=87550)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/React-4401dea3d0573c02.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/React-4401dea3d0573c02.js deleted file mode 100644 index 6f351b9f97d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/React-4401dea3d0573c02.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4922],{12897:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/React",function(){return e(90745)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},90745:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=12897)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/React-5ca8b35cb24afb34.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/React-5ca8b35cb24afb34.js new file mode 100644 index 00000000000..d363683fa17 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/React-5ca8b35cb24afb34.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4922],{12897:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/React",function(){return e(90745)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},90745:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=12897)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Vue-2a56534dc756adac.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Vue-2a56534dc756adac.js deleted file mode 100644 index a9a7ffd5e18..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Vue-2a56534dc756adac.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[773],{16674:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/Vue",function(){return e(5687)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},5687:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=16674)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Vue-3d344b676860c348.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Vue-3d344b676860c348.js new file mode 100644 index 00000000000..8ef03ac8767 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/docs/Vue-3d344b676860c348.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[773],{16674:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/Vue",function(){return e(5687)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},5687:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=16674)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/properties-6a8489824f2b59a0.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/properties-6a8489824f2b59a0.js new file mode 100644 index 00000000000..ad80c80e4d9 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/properties-6a8489824f2b59a0.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6317],{26129:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/properties",function(){return e(10673)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},10673:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=26129)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/properties-c7dca917ebd5ab10.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/properties-c7dca917ebd5ab10.js deleted file mode 100644 index c3f7eea17ab..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/section/properties-c7dca917ebd5ab10.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6317],{26129:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/properties",function(){return e(10673)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},10673:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=26129)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Angular-1a1e8806ce932c6a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Angular-1a1e8806ce932c6a.js new file mode 100644 index 00000000000..b7b7a37bc5a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Angular-1a1e8806ce932c6a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8561],{98879:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Angular",function(){return e(11439)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,i=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];c&&i?t.push(c,i):c?t.push(c):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},11439:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=98879)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Angular-46f3328f2abeb0ea.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Angular-46f3328f2abeb0ea.js deleted file mode 100644 index 0a625d1a8f3..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Angular-46f3328f2abeb0ea.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8561],{98879:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Angular",function(){return e(11439)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},11439:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=98879)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/HTML-22ea866c1aa1d8ae.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/HTML-22ea866c1aa1d8ae.js new file mode 100644 index 00000000000..5aee23c5f73 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/HTML-22ea866c1aa1d8ae.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6222],{87091:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/HTML",function(){return e(70661)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,i=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];c&&i?n.push(c,i):c?n.push(c):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},70661:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=87091)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/HTML-8f56d0e9552b80bd.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/HTML-8f56d0e9552b80bd.js deleted file mode 100644 index dd0e763398d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/HTML-8f56d0e9552b80bd.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6222],{87091:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/HTML",function(){return e(70661)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},70661:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=87091)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/React-1cd8d9936c34a753.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/React-1cd8d9936c34a753.js new file mode 100644 index 00000000000..2c30f054a6c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/React-1cd8d9936c34a753.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5164],{91463:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/React",function(){return e(63514)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,i=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&i?n.push(s,i):s?n.push(s):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},63514:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=91463)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/React-9d7181e7e0ba78aa.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/React-9d7181e7e0ba78aa.js deleted file mode 100644 index 423ed529769..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/React-9d7181e7e0ba78aa.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5164],{91463:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/React",function(){return e(63514)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},63514:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=91463)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Vue-75b71f0e6cefc8c5.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Vue-75b71f0e6cefc8c5.js deleted file mode 100644 index 9651002e990..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Vue-75b71f0e6cefc8c5.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1074],{8823:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Vue",function(){return e(27861)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},27861:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=8823)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Vue-8394a5afa441fc60.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Vue-8394a5afa441fc60.js new file mode 100644 index 00000000000..0362c0692ed --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/docs/Vue-8394a5afa441fc60.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1074],{8823:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Vue",function(){return e(27861)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,i=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];c&&i?n.push(c,i):c?n.push(c):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},27861:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=8823)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/properties-e2697d62289055b5.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/properties-e2697d62289055b5.js deleted file mode 100644 index 39592926864..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/properties-e2697d62289055b5.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6906],{83167:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/properties",function(){return e(90115)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},90115:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=83167)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/properties-e50b5575b672c599.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/properties-e50b5575b672c599.js new file mode 100644 index 00000000000..6420acf7320 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/select/properties-e50b5575b672c599.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6906],{83167:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/properties",function(){return e(90115)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},90115:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=83167)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Angular-603383813fc7ee99.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Angular-603383813fc7ee99.js deleted file mode 100644 index c84d8754233..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Angular-603383813fc7ee99.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6672],{92689:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/docs/Angular",function(){return e(64819)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},64819:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=92689)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Angular-a7beb783bfd43c3b.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Angular-a7beb783bfd43c3b.js new file mode 100644 index 00000000000..46a9a248200 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Angular-a7beb783bfd43c3b.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6672],{92689:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/docs/Angular",function(){return e(64819)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},64819:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=92689)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/HTML-a75fb82161c08e32.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/HTML-a75fb82161c08e32.js new file mode 100644 index 00000000000..1932f559f58 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/HTML-a75fb82161c08e32.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9345],{27931:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/docs/HTML",function(){return e(50643)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},50643:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=27931)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/HTML-e0c863358f3209c9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/HTML-e0c863358f3209c9.js deleted file mode 100644 index 34e6dc80a4b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/HTML-e0c863358f3209c9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9345],{27931:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/docs/HTML",function(){return e(50643)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),h=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},50643:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=27931)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/React-106161430d072e87.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/React-106161430d072e87.js new file mode 100644 index 00000000000..049257c5f88 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/React-106161430d072e87.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7956],{34096:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/docs/React",function(){return e(59646)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},59646:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=34096)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/React-219f890aeac4e07f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/React-219f890aeac4e07f.js deleted file mode 100644 index d7b59075793..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/React-219f890aeac4e07f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7956],{34096:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/docs/React",function(){return e(59646)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),h=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},59646:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=34096)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Vue-869a6d6c74e94409.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Vue-869a6d6c74e94409.js new file mode 100644 index 00000000000..28ef002a677 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Vue-869a6d6c74e94409.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17],{17269:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/docs/Vue",function(){return e(83132)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},83132:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=17269)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Vue-bfd4bb8e34080e8f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Vue-bfd4bb8e34080e8f.js deleted file mode 100644 index 4c87b444c01..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/docs/Vue-bfd4bb8e34080e8f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17],{17269:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/docs/Vue",function(){return e(83132)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),h=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},83132:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=17269)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/properties-91d937b358e09cd9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/properties-91d937b358e09cd9.js deleted file mode 100644 index f41795165dc..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/properties-91d937b358e09cd9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[677],{2602:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/properties",function(){return e(7848)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),h=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(h)):t.push("/")}}},[t]),null}},7848:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=2602)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/properties-f8d3e1f6ca12b2bb.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/properties-f8d3e1f6ca12b2bb.js new file mode 100644 index 00000000000..1097ad9bd5e --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/switch/properties-f8d3e1f6ca12b2bb.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[677],{2602:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/properties",function(){return e(7848)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&i){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(i)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},7848:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=2602)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Angular-222dabefcb809bbc.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Angular-222dabefcb809bbc.js deleted file mode 100644 index e2af8743943..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Angular-222dabefcb809bbc.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5353],{87341:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/docs/Angular",function(){return e(43642)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},43642:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=87341)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Angular-620e6a54f3811628.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Angular-620e6a54f3811628.js new file mode 100644 index 00000000000..7ce0ca8261e --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Angular-620e6a54f3811628.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5353],{87341:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/docs/Angular",function(){return e(43642)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},43642:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=87341)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/HTML-3340b92db4dfbaf8.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/HTML-3340b92db4dfbaf8.js new file mode 100644 index 00000000000..f84d7195f95 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/HTML-3340b92db4dfbaf8.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4477],{82263:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/docs/HTML",function(){return e(94910)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},94910:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=82263)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/HTML-a36f88d881f94e86.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/HTML-a36f88d881f94e86.js deleted file mode 100644 index 17f136db488..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/HTML-a36f88d881f94e86.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4477],{82263:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/docs/HTML",function(){return e(94910)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},94910:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=82263)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/React-9dca8350764fea20.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/React-9dca8350764fea20.js new file mode 100644 index 00000000000..90b81fc78cb --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/React-9dca8350764fea20.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[135],{1813:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/docs/React",function(){return e(37416)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},37416:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=1813)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/React-d4ded1b5d9152932.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/React-d4ded1b5d9152932.js deleted file mode 100644 index ce7caad5894..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/React-d4ded1b5d9152932.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[135],{1813:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/docs/React",function(){return e(37416)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},37416:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=1813)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Vue-5bbacdce9ecef65a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Vue-5bbacdce9ecef65a.js deleted file mode 100644 index b1fdee8b549..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Vue-5bbacdce9ecef65a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2411],{21278:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/docs/Vue",function(){return e(91072)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},91072:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=21278)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Vue-775ec21c1d55a974.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Vue-775ec21c1d55a974.js new file mode 100644 index 00000000000..9259664428d --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/docs/Vue-775ec21c1d55a974.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2411],{21278:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/docs/Vue",function(){return e(91072)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},91072:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=21278)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/properties-76d39ad72a988282.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/properties-76d39ad72a988282.js deleted file mode 100644 index cce1d5162ef..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/properties-76d39ad72a988282.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5274],{69266:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/properties",function(){return e(81343)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,i=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},81343:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=69266)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/properties-cea7ad85cf89d771.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/properties-cea7ad85cf89d771.js new file mode 100644 index 00000000000..fd7a8837ae1 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tab-item/properties-cea7ad85cf89d771.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5274],{69266:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-item/properties",function(){return e(81343)}])},91359:function(t,n,e){"use strict";var u=e(5632),i=e(2784),o=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,i.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],i=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&i){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,o.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(i)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},81343:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91359);n.default=()=>(0,u.jsx)(i.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=69266)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Angular-2a618cd3372d4b54.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Angular-2a618cd3372d4b54.js deleted file mode 100644 index 9c400d2dd0d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Angular-2a618cd3372d4b54.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9498],{91445:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/docs/Angular",function(){return e(36345)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},36345:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=91445)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Angular-5f3b585b7edb04cc.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Angular-5f3b585b7edb04cc.js new file mode 100644 index 00000000000..bc30616286b --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Angular-5f3b585b7edb04cc.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9498],{91445:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/docs/Angular",function(){return e(36345)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];i&&c?t.push(i,c):i?t.push(i):t.push("overview");let e=(0,s.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},36345:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=91445)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/HTML-20e844912bef0523.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/HTML-20e844912bef0523.js deleted file mode 100644 index b9d4aba20d9..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/HTML-20e844912bef0523.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[277],{71481:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/docs/HTML",function(){return e(28292)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},28292:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=71481)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/HTML-311ee31678188c5a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/HTML-311ee31678188c5a.js new file mode 100644 index 00000000000..34c36d3dcf1 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/HTML-311ee31678188c5a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[277],{71481:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/docs/HTML",function(){return e(28292)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&c?n.push(i,c):i?n.push(i):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},28292:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=71481)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/React-a7f11416b42f6daa.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/React-a7f11416b42f6daa.js new file mode 100644 index 00000000000..6fae43e9f2f --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/React-a7f11416b42f6daa.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1794],{65375:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/docs/React",function(){return e(98986)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,i=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];c&&i?n.push(c,i):c?n.push(c):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},98986:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=65375)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/React-c5e18883519b247a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/React-c5e18883519b247a.js deleted file mode 100644 index 65605e954d5..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/React-c5e18883519b247a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1794],{65375:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/docs/React",function(){return e(98986)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},98986:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=65375)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Vue-8ae029edb24d8d0b.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Vue-8ae029edb24d8d0b.js deleted file mode 100644 index f07cee4ef1f..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Vue-8ae029edb24d8d0b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7135],{38624:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/docs/Vue",function(){return e(26144)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},26144:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=38624)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Vue-9bd507e3e80b0c1d.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Vue-9bd507e3e80b0c1d.js new file mode 100644 index 00000000000..80f377d6706 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/docs/Vue-9bd507e3e80b0c1d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7135],{38624:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/docs/Vue",function(){return e(26144)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&c?n.push(i,c):i?n.push(i):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},26144:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=38624)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/properties-d77894f2c3aae8c2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/properties-d77894f2c3aae8c2.js deleted file mode 100644 index 5818e86105b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/properties-d77894f2c3aae8c2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8802],{53384:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/properties",function(){return e(69984)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},69984:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=53384)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/properties-df51a0ca91ce52ca.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/properties-df51a0ca91ce52ca.js new file mode 100644 index 00000000000..b3b3efd6de9 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tabs/properties-df51a0ca91ce52ca.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8802],{53384:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/properties",function(){return e(69984)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},69984:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=53384)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Angular-ecb42bace5d775e3.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Angular-ecb42bace5d775e3.js deleted file mode 100644 index 788301d4e7f..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Angular-ecb42bace5d775e3.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1267],{29107:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Angular",function(){return e(58987)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},58987:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=29107)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Angular-ffc1a467746bc8cf.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Angular-ffc1a467746bc8cf.js new file mode 100644 index 00000000000..2a0a4d282f3 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Angular-ffc1a467746bc8cf.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1267],{29107:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Angular",function(){return e(58987)}])},91359:function(n,t,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);t.Z=()=>{let n=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(n){let t=n.asPath.split("?"),e=t[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===t.length?"?".concat(t[1]):"";if(u&&o){let t=[];s&&c?t.push(s,c):s?t.push(s):t.push("overview");let e=(0,i.vY)().find(n=>{var t;return null===(t=n.path)||void 0===t?void 0:t.endsWith(o)});(null==e?void 0:e.path)?n.push("".concat(e.path,"/").concat(t.join("/")).concat(l)):n.push("/")}}},[n]),null}},58987:function(n,t,e){"use strict";e.r(t);var u=e(52322),o=e(91359);t.default=()=>(0,u.jsx)(o.Z,{})}},function(n){n.O(0,[6061,2182,2811,2888,9774,179],function(){return n(n.s=29107)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/HTML-5f3168d9f577c85a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/HTML-5f3168d9f577c85a.js new file mode 100644 index 00000000000..9057cd0cf0f --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/HTML-5f3168d9f577c85a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3661],{9814:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/HTML",function(){return e(37112)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},37112:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=9814)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/HTML-d84ef3048bb325c7.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/HTML-d84ef3048bb325c7.js deleted file mode 100644 index 2fcb10e87eb..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/HTML-d84ef3048bb325c7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3661],{9814:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/HTML",function(){return e(37112)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},37112:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=9814)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/React-4620d94e9a22b174.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/React-4620d94e9a22b174.js new file mode 100644 index 00000000000..aeba041370a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/React-4620d94e9a22b174.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8603],{91878:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/React",function(){return e(58518)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},58518:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=91878)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/React-67c10c8eab03e8bf.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/React-67c10c8eab03e8bf.js deleted file mode 100644 index 4a487b7063b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/React-67c10c8eab03e8bf.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8603],{91878:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/React",function(){return e(58518)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),l=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},58518:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=91878)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Vue-2bbb52b6fee8aa2a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Vue-2bbb52b6fee8aa2a.js new file mode 100644 index 00000000000..d4d3f547456 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Vue-2bbb52b6fee8aa2a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2926],{2034:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Vue",function(){return e(44982)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},44982:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=2034)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Vue-b09c6b3e0eba1c34.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Vue-b09c6b3e0eba1c34.js deleted file mode 100644 index 6d00823c111..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/docs/Vue-b09c6b3e0eba1c34.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2926],{2034:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Vue",function(){return e(44982)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},44982:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=2034)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/properties-6d92419c0365572f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/properties-6d92419c0365572f.js deleted file mode 100644 index 92bcb219185..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/properties-6d92419c0365572f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[872],{37182:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/properties",function(){return e(85409)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},85409:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=37182)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/properties-e30cce0ef4e168da.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/properties-e30cce0ef4e168da.js new file mode 100644 index 00000000000..0ed1de26872 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tag/properties-e30cce0ef4e168da.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[872],{37182:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/properties",function(){return e(85409)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},85409:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=37182)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Angular-042d16e12f216c0e.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Angular-042d16e12f216c0e.js new file mode 100644 index 00000000000..40516c8eaee --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Angular-042d16e12f216c0e.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5754],{23425:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/Angular",function(){return e(74870)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},74870:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=23425)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Angular-de9bab11d957fa83.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Angular-de9bab11d957fa83.js deleted file mode 100644 index 3dd0099405a..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Angular-de9bab11d957fa83.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5754],{23425:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/Angular",function(){return e(74870)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},74870:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=23425)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/HTML-88de3de8289fe0a1.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/HTML-88de3de8289fe0a1.js new file mode 100644 index 00000000000..25e0136a754 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/HTML-88de3de8289fe0a1.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1888],{27661:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/HTML",function(){return e(37419)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},37419:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=27661)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/HTML-ca1274b26191edcb.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/HTML-ca1274b26191edcb.js deleted file mode 100644 index e186678d1a3..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/HTML-ca1274b26191edcb.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1888],{27661:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/HTML",function(){return e(37419)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},37419:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=27661)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/React-756e827ca1932abe.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/React-756e827ca1932abe.js new file mode 100644 index 00000000000..324c547c97c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/React-756e827ca1932abe.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5181],{15579:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/React",function(){return e(41413)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),c=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,i=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];i&&s?n.push(i,s):i?n.push(i):n.push("overview");let e=(0,c.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},41413:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=15579)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/React-830eb57e765bb89c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/React-830eb57e765bb89c.js deleted file mode 100644 index ae708b39ff5..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/React-830eb57e765bb89c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5181],{15579:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/React",function(){return e(41413)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,c=n.length>3?n[3]:void 0,i=t.asPath.split("?"),a=2===i.length?"?".concat(i[1]):"";if(e&&u){let n=[];o&&c?n.push(o,c):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(a)):t.push("/")}}},[t]),null}},41413:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=15579)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Vue-88419eb7ba9136c4.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Vue-88419eb7ba9136c4.js new file mode 100644 index 00000000000..2489943fdcf --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Vue-88419eb7ba9136c4.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7336],{44925:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/Vue",function(){return e(17682)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},17682:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=44925)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Vue-accb8fbbc2eac3ce.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Vue-accb8fbbc2eac3ce.js deleted file mode 100644 index 61f07a99f03..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/docs/Vue-accb8fbbc2eac3ce.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7336],{44925:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/Vue",function(){return e(17682)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),s=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,i=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&i?n.push(o,i):o?n.push(o):n.push("overview");let e=(0,s.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},17682:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=44925)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/properties-49b047f65f9156ab.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/properties-49b047f65f9156ab.js new file mode 100644 index 00000000000..be960ca9a4a --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/properties-49b047f65f9156ab.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1636],{50940:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/properties",function(){return e(52786)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},52786:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=50940)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/properties-c2f0097fac1d6c93.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/properties-c2f0097fac1d6c93.js deleted file mode 100644 index 136b6b2edb9..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/textarea/properties-c2f0097fac1d6c93.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1636],{50940:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/properties",function(){return e(52786)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},52786:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=50940)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Angular-b7e8b709f3f47836.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Angular-b7e8b709f3f47836.js deleted file mode 100644 index 6278796257d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Angular-b7e8b709f3f47836.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9983],{89905:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/Angular",function(){return e(91984)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},91984:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=89905)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Angular-ca5d5520358cf235.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Angular-ca5d5520358cf235.js new file mode 100644 index 00000000000..18ecb3d3251 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Angular-ca5d5520358cf235.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9983],{89905:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/Angular",function(){return e(91984)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},91984:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=89905)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/HTML-d055f445db122184.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/HTML-d055f445db122184.js new file mode 100644 index 00000000000..a6d297e31ef --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/HTML-d055f445db122184.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1798],{3541:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/HTML",function(){return e(18479)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(o&&u){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},18479:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=3541)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/HTML-db1565445c7a27c1.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/HTML-db1565445c7a27c1.js deleted file mode 100644 index 48ce90c328d..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/HTML-db1565445c7a27c1.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1798],{3541:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/HTML",function(){return e(18479)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&o){let n=[];u&&s?n.push(u,s):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},18479:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=3541)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/React-166879b6ffcc23a2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/React-166879b6ffcc23a2.js new file mode 100644 index 00000000000..a34e5e2142c --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/React-166879b6ffcc23a2.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5892],{95737:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/React",function(){return e(62789)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,c=e.length>2?e[2]:void 0,s=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(o&&u){let n=[];c&&s?n.push(c,s):c?n.push(c):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},62789:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=95737)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/React-ba908f3b6ec752c9.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/React-ba908f3b6ec752c9.js deleted file mode 100644 index cd49091069c..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/React-ba908f3b6ec752c9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5892],{95737:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/React",function(){return e(62789)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&o){let n=[];u&&s?n.push(u,s):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},62789:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=95737)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Vue-52af2e81e2671c6c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Vue-52af2e81e2671c6c.js new file mode 100644 index 00000000000..f802f23daa9 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Vue-52af2e81e2671c6c.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[837],{47349:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/Vue",function(){return e(46047)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),u=e.length>0&&"components"===e[0],o=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(u&&o){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},46047:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=47349)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Vue-fd876ec6f05bdda2.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Vue-fd876ec6f05bdda2.js deleted file mode 100644 index 761390748d0..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/docs/Vue-fd876ec6f05bdda2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[837],{47349:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/docs/Vue",function(){return e(46047)}])},91359:function(t,n,e){"use strict";var u=e(5632),o=e(2784),i=e(92811);n.Z=()=>{let t=(0,u.useRouter)();return(0,o.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],u=n.length>1?n[1]:void 0,o=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&u){let n=[];o&&s?n.push(o,s):o?n.push(o):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},46047:function(t,n,e){"use strict";e.r(n);var u=e(52322),o=e(91359);n.default=()=>(0,u.jsx)(o.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=47349)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/properties-4b1ac9ac768ae2ae.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/properties-4b1ac9ac768ae2ae.js new file mode 100644 index 00000000000..7e220afa4ef --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/properties-4b1ac9ac768ae2ae.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9709],{77998:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/properties",function(){return e(66403)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.split("?"),e=n[0].replace("/","").split("/"),o=e.length>0&&"components"===e[0],u=e.length>1?e[1]:void 0,s=e.length>2?e[2]:void 0,c=e.length>3?e[3]:void 0,l=2===n.length?"?".concat(n[1]):"";if(o&&u){let n=[];s&&c?n.push(s,c):s?n.push(s):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(u)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},66403:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=77998)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/properties-eec171e27e53357f.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/properties-eec171e27e53357f.js deleted file mode 100644 index 4587e1a5575..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/components/tooltip/properties-eec171e27e53357f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9709],{77998:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/properties",function(){return e(66403)}])},91359:function(t,n,e){"use strict";var o=e(5632),u=e(2784),i=e(92811);n.Z=()=>{let t=(0,o.useRouter)();return(0,u.useEffect)(()=>{if(t){let n=t.asPath.replace("/","").split("/"),e=n.length>0&&"components"===n[0],o=n.length>1?n[1]:void 0,u=n.length>2?n[2]:void 0,s=n.length>3?n[3]:void 0,c=t.asPath.split("?"),l=2===c.length?"?".concat(c[1]):"";if(e&&o){let n=[];u&&s?n.push(u,s):u?n.push(u):n.push("overview");let e=(0,i.vY)().find(t=>{var n;return null===(n=t.path)||void 0===n?void 0:n.endsWith(o)});(null==e?void 0:e.path)?t.push("".concat(e.path,"/").concat(n.join("/")).concat(l)):t.push("/")}}},[t]),null}},66403:function(t,n,e){"use strict";e.r(n);var o=e(52322),u=e(91359);n.default=()=>(0,o.jsx)(u.Z,{})}},function(t){t.O(0,[6061,2182,2811,2888,9774,179],function(){return t(t.s=77998)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/colors/overview-7b114869dd12371c.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/colors/overview-7b114869dd12371c.js deleted file mode 100644 index 0dec5a352e1..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/colors/overview-7b114869dd12371c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4643],{16095:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/overview",function(){return a(91194)}])},53148:function(e,t,a){"use strict";a.d(t,{Z:function(){return R}});var n=a(52322),r=a(5632),s=a(25237),c=a.n(s),i=a(2784),l=a(61183),o=a(39097),u=a.n(o),d=a(43251);let h=(0,i.forwardRef)(function(e,t){let a=t||(0,i.useRef)(t),[r,s]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document")},[]),(0,i.useEffect)(()=>{s(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{s(!0)}):s(!0)},[]),(0,i.useEffect)(()=>()=>{document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")},[]),(0,n.jsxs)("div",{ref:a,...(0,d.mS)(e,[]),id:e.id,className:(0,d.yI)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":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 p=a(82664),v=a(98310),f=a(10326),m=a(55327),g=a(74819),x=a(70741),b=a(92811),j=a(33759),w=a(39120);let y=(e,t)=>{var a;return"/"===t.path?"/"===e:e.includes("".concat(t.path,"/"))||e===t.path||!!(null===(a=t.subNavigation)||void 0===a?void 0:a.find(t=>e.includes("".concat(t.path,"/"))))},N=e=>{var t;let{navItem:a}=e,s=y((0,r.useRouter)().pathname,a);return(0,n.jsx)(w.Z,{active:s,backButtonText:"Back to ".concat(a.label),subNavigation:a.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.subNavigation.filter(e=>{let{isHiddenInMenu:t}=e;return!0!==t}).map(e=>(0,n.jsx)(N,{navItem:e},"router-path-".concat(e.path)))}),children:a.subNavigation?a.label:(0,n.jsx)(u(),{href:null!==(t=a.path)&&void 0!==t?t:"",children:a.label},"router-path-".concat(a.path))})};var Z=()=>(0,n.jsx)(j.Z,{children:b.Z6.map(e=>(0,n.jsx)(N,{navItem:e},"router-path-".concat(e.path)))}),S=a(35368),_=a(79081);let q=async e=>{try{let t=await fetch(e);return await t.json()}catch(e){console.error(e)}return[]},E="db-ui",k="mono";var I=()=>{let e=(0,r.useRouter)(),[t,a]=(0,i.useState)(),[s,c]=(0,i.useState)(),l=t=>{let a=e.basePath,n=t.find(e=>a.includes(e));n&&c(n)},o=(e,t)=>{let n=[],r=[],s=[],c=[],i=[],l=[];for(let e of t)e.startsWith("feat")||e.startsWith("feature")?r.push(e):e.startsWith("fix")||e.startsWith("bugfix")?s.push(e):e.startsWith("refactor")?c.push(e):/^\d*-/.test(e)?i.push(e):e.startsWith("docs")?l.push(e):n.push(e);a({others:n,features:r,docs:l,refactors:c,issues:i,bugfixes:s,versions:e})};(0,i.useEffect)(()=>{(async()=>{let e=await q("https://api.github.com/repos/".concat(E,"/").concat(k,"/branches")),t=(await q("https://api.github.com/repos/".concat(E,"/").concat(k,"/tags"))).map(e=>e.name),a=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));l(a),l(t),o(t,a)})().catch(e=>{console.error(e)})},[]);let u=t=>{let a=e.pathname,n=3===t.split(".").length&&t.startsWith("v");window.location.replace((0,S.sanitize)("https://".concat(E,".github.io/").concat(k).concat(n?"/version":"/review","/").concat(t).concat(a)))};return t?(0,n.jsx)(_.Z,{className:"version-switcher",label:"Version switcher",variant:"floating",value:s,onChange:e=>{u(e.target.value)},children:Object.entries(t).filter(e=>{let[t,a]=e;return(null==a?void 0:a.length)>0}).map(e=>{let[t,a]=e;return(0,n.jsx)("optgroup",{label:t,children:a.slice(0,15).map((e,a)=>(0,n.jsx)("option",{value:e,children:e},"".concat(t,"-").concat(e,"-").concat(a)))},t)})}):null};let O=e=>{var t,a;let{children:s,noNavigation:c}=e,[o,d]=(0,i.useState)(!1),[j,w]=(0,i.useState)(!1),[y,N]=(0,i.useState)(!1),[S,_]=(0,i.useState)(!1),[q,E]=(0,i.useState)(),[k,O]=(0,i.useState)(),[R,W]=(0,i.useState)(),[A,C]=(0,i.useState)(),F=(0,r.useRouter)();return(0,i.useEffect)(()=>{l.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),l.Z.highlightAll()},[]),(0,i.useEffect)(()=>{if(F.query&&(F.query.fullscreen&&d("true"===F.query.fullscreen),F.query.page&&d(!0),F.query.noh1&&w("true"===F.query.noh1),F.query.properties&&N("true"===F.query.properties),F.query.current)){let t=Array.isArray(F.query.current)?F.query.current[0]:F.query.current;if(q!==t){var e;E(t),null===(e=document.querySelector("#".concat(t)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let t=F.asPath.split("?")[0],{previous:a,next:n}=(0,b.vn)(t);O(a),W(n),C((0,b.kn)(t))},[F]),(0,n.jsxs)(n.Fragment,{children:[F.isReady&&o&&(0,n.jsx)("div",{className:"".concat(j?"noh1":""," ").concat(y?"is-properties":""),children:s}),F.isReady&&!o&&(0,n.jsxs)(h,{fadeIn:!0,variant:"fixed",header:(0,n.jsx)(p.Z,{drawerOpen:S,onToggle:_,brand:(0,n.jsx)(v.Z,{children:"DB-UI Mono"}),primaryAction:(0,n.jsx)(f.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,n.jsx)(I,{}),children:(0,n.jsx)(Z,{})}),children:[A&&A.length>1&&(0,n.jsx)(m.Z,{spacing:"none",width:"large",children:(0,n.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==A?void 0:A.map(e=>{var t;return(0,n.jsxs)(i.Fragment,{children:["/"!==e.path&&(0,n.jsx)(g.Z,{icon:"chevron_right"}),(0,n.jsx)(u(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(t=e.path)&&void 0!==t?t:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,n.jsx)(m.Z,{spacing:"none",width:"large",children:s}),!c&&(null!=k?k:R)&&(0,n.jsxs)(m.Z,{width:"large",spacing:"small",className:"link-containers",children:[k&&(0,n.jsx)(u(),{className:"previous-link-container",href:null!==(t=k.path)&&void 0!==t?t:"/",children:(0,n.jsxs)(x.Z,{behaviour:"interactive",children:[(0,n.jsx)("small",{children:"Previous"}),(0,n.jsx)("span",{"data-icon":"arrow_left",children:k.label})]})}),R&&(0,n.jsx)(u(),{className:"next-link-container",href:null!==(a=R.path)&&void 0!==a?a:"/",children:(0,n.jsxs)(x.Z,{behaviour:"interactive",children:[(0,n.jsx)("small",{children:"Next"}),(0,n.jsx)("span",{"data-icon-after":"arrow_right",children:R.label})]})})]})]})]})};var R=c()(async()=>O,{ssr:!1})},91194:function(e,t,a){"use strict";a.r(t);var n=a(52322),r=a(2784),s=a(53148),c=a(39846),i=a(49475);let l=["yellow","orange","red","pink","violet","blue","cyan","turquoise","green"],o=()=>{let e=[];for(let t of l)e.push("".concat(t,"-bg-lvl-1"),"".concat(t,"-bg-lvl-2"),"".concat(t,"-bg-lvl-3"),"".concat(t,"-bg-transparent-semi"),"".concat(t,"-bg-transparent-full"));return e};t.default=()=>{let e=o(),[t,a]=(0,r.useState)("");return(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("h1",{children:"Color Overview"}),(0,n.jsx)("search",{children:(0,n.jsx)(i.Z,{label:"Search for color",placeholder:"neutral-bg",type:"search",onChange:e=>{a(e.target.value)}})}),(0,n.jsx)("h2",{children:"Overview"}),(0,n.jsx)("div",{className:"color-overview-container",children:[...c.DM,...e].filter(e=>e.includes(t)).map(e=>(0,n.jsx)("div",{className:"db-".concat(e),children:e}))})]})}}},function(e){e.O(0,[6061,1954,2182,2811,2888,9774,179],function(){return e(e.s=16095)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/colors/overview-d9822b6df3c4611a.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/colors/overview-d9822b6df3c4611a.js new file mode 100644 index 00000000000..ecb50c36c09 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/colors/overview-d9822b6df3c4611a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4643],{16095:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/overview",function(){return n(23554)}])},53148:function(e,t,n){"use strict";n.d(t,{Z:function(){return q}});var a=n(52322),r=n(5632),s=n(25237),o=n.n(s),c=n(2784),i=n(61183),l=n(39097),d=n.n(l),h=n(43251);let u=(0,c.forwardRef)(function(e,t){let n=t||(0,c.useRef)(t),[r,s]=(0,c.useState)(()=>!1);return(0,c.useEffect)(()=>{document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document")},[]),(0,c.useEffect)(()=>{s(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{s(!0)}):s(!0)},[]),(0,c.useEffect)(()=>()=>{document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")},[]),(0,a.jsxs)("div",{ref:n,...(0,h.mS)(e,[]),id:e.id,className:(0,h.yI)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":r,children:[(0,a.jsx)(a.Fragment,{children:e.header}),(0,a.jsx)("main",{className:"db-main",children:e.children}),(0,a.jsx)(a.Fragment,{children:e.footer})]})});var x=n(82664),p=n(98310),m=n(10326),f=n(55327),g=n(74819),j=n(70741),b=n(92811),v=n(33759),y=n(39120);let w=(e,t)=>{var n;return"/"===t.path?"/"===e:e.includes("".concat(t.path,"/"))||e===t.path||!!(null===(n=t.subNavigation)||void 0===n?void 0:n.find(t=>e.includes("".concat(t.path,"/"))))},k=e=>{var t;let{navItem:n}=e,s=w((0,r.useRouter)().pathname,n);return(0,a.jsx)(y.Z,{active:s,backButtonText:"Back to ".concat(n.label),subNavigation:n.subNavigation&&(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.subNavigation.filter(e=>{let{isHiddenInMenu:t}=e;return!0!==t}).map(e=>(0,a.jsx)(k,{navItem:e},"router-path-".concat(e.path)))}),children:n.subNavigation?n.label:(0,a.jsx)(d(),{href:null!==(t=n.path)&&void 0!==t?t:"",children:n.label},"router-path-".concat(n.path))})};var N=()=>(0,a.jsx)(v.Z,{children:b.Z6.map(e=>(0,a.jsx)(k,{navItem:e},"router-path-".concat(e.path)))}),Z=n(35368),T=n(79081);let S=async e=>{try{let t=await fetch(e);return await t.json()}catch(e){console.error(e)}return[]},C="db-ui",A="mono";var _=()=>{let e=(0,r.useRouter)(),[t,n]=(0,c.useState)(),[s,o]=(0,c.useState)(),i=t=>{let n=e.basePath,a=t.find(e=>n.includes(e));a&&o(a)},l=(e,t)=>{let a=[],r=[],s=[],o=[],c=[],i=[];for(let e of t)e.startsWith("feat")||e.startsWith("feature")?r.push(e):e.startsWith("fix")||e.startsWith("bugfix")?s.push(e):e.startsWith("refactor")?o.push(e):/^\d*-/.test(e)?c.push(e):e.startsWith("docs")?i.push(e):a.push(e);n({others:a,features:r,docs:i,refactors:o,issues:c,bugfixes:s,versions:e})};(0,c.useEffect)(()=>{(async()=>{let e=await S("https://api.github.com/repos/".concat(C,"/").concat(A,"/branches")),t=(await S("https://api.github.com/repos/".concat(C,"/").concat(A,"/tags"))).map(e=>e.name),n=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));i(n),i(t),l(t,n)})().catch(e=>{console.error(e)})},[]);let d=t=>{let n=e.pathname,a=3===t.split(".").length&&t.startsWith("v");window.location.replace((0,Z.sanitize)("https://".concat(C,".github.io/").concat(A).concat(a?"/version":"/review","/").concat(t).concat(n)))};return t?(0,a.jsx)(T.Z,{className:"version-switcher",label:"Version switcher",variant:"floating",value:s,onChange:e=>{d(e.target.value)},children:Object.entries(t).filter(e=>{let[t,n]=e;return(null==n?void 0:n.length)>0}).map(e=>{let[t,n]=e;return(0,a.jsx)("optgroup",{label:t,children:n.slice(0,15).map((e,n)=>(0,a.jsx)("option",{value:e,children:e},"".concat(t,"-").concat(e,"-").concat(n)))},t)})}):null};let E=e=>{var t,n;let{children:s,noNavigation:o}=e,[l,h]=(0,c.useState)(!1),[v,y]=(0,c.useState)(!1),[w,k]=(0,c.useState)(!1),[Z,T]=(0,c.useState)(!1),[S,C]=(0,c.useState)(),[A,E]=(0,c.useState)(),[q,I]=(0,c.useState)(),[P,O]=(0,c.useState)(),R=(0,r.useRouter)();return(0,c.useEffect)(()=>{i.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),i.Z.highlightAll()},[]),(0,c.useEffect)(()=>{if(R.query&&(R.query.fullscreen&&h("true"===R.query.fullscreen),R.query.page&&h(!0),R.query.noh1&&y("true"===R.query.noh1),R.query.properties&&k("true"===R.query.properties),R.query.current)){let t=Array.isArray(R.query.current)?R.query.current[0]:R.query.current;if(S!==t){var e;C(t),null===(e=document.querySelector("#".concat(t)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let t=R.asPath.split("?")[0],{previous:n,next:a}=(0,b.vn)(t);E(n),I(a),O((0,b.kn)(t))},[R]),(0,a.jsxs)(a.Fragment,{children:[R.isReady&&l&&(0,a.jsx)("div",{className:"".concat(v?"noh1":""," ").concat(w?"is-properties":""),children:s}),R.isReady&&!l&&(0,a.jsxs)(u,{fadeIn:!0,variant:"fixed",header:(0,a.jsx)(x.Z,{drawerOpen:Z,onToggle:T,brand:(0,a.jsx)(p.Z,{children:"DB-UI Mono"}),primaryAction:(0,a.jsx)(m.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,a.jsx)(_,{}),children:(0,a.jsx)(N,{})}),children:[P&&P.length>1&&(0,a.jsx)(f.Z,{spacing:"none",width:"large",children:(0,a.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==P?void 0:P.map(e=>{var t;return(0,a.jsxs)(c.Fragment,{children:["/"!==e.path&&(0,a.jsx)(g.Z,{icon:"chevron_right"}),(0,a.jsx)(d(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(t=e.path)&&void 0!==t?t:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,a.jsx)(f.Z,{spacing:"none",width:"large",children:s}),!o&&(null!=A?A:q)&&(0,a.jsxs)(f.Z,{width:"large",spacing:"small",className:"link-containers",children:[A&&(0,a.jsx)(d(),{className:"previous-link-container",href:null!==(t=A.path)&&void 0!==t?t:"/",children:(0,a.jsxs)(j.Z,{behaviour:"interactive",children:[(0,a.jsx)("small",{children:"Previous"}),(0,a.jsx)("span",{"data-icon":"arrow_left",children:A.label})]})}),q&&(0,a.jsx)(d(),{className:"next-link-container",href:null!==(n=q.path)&&void 0!==n?n:"/",children:(0,a.jsxs)(j.Z,{behaviour:"interactive",children:[(0,a.jsx)("small",{children:"Next"}),(0,a.jsx)("span",{"data-icon-after":"arrow_right",children:q.label})]})})]})]})]})};var q=o()(async()=>E,{ssr:!1})},23554:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return w}});var a=n(52322),r=n(53148),s=n(47437),o=n(2784),c=n(55025),i=n(57092),l=n(57884),d=n(57284),h=n(49953),u={src:"/mono/review/fix-2678-tag-default-html/_next/static/media/checkerboard.c3e3e675.png"},x=n(10326),p=n(79031),m=e=>{let{name:t,children:n,copyText:r}=e,[s,c]=(0,o.useState)(!1),i=async e=>{e.stopPropagation(),"undefined"!=typeof navigator&&(c(!0),await navigator.clipboard.writeText(r))};return(0,o.useEffect)(()=>{let e;return s&&(e=setTimeout(()=>{c(!1)},1500)),()=>{clearTimeout(e)}},[s]),(0,a.jsx)(x.Z,{variant:"ghost",icon:"copy",noText:!0,onClick:i,describedbyid:t,children:(0,a.jsx)(p.Z,{id:t,placement:"top",style:{visibility:s?"visible":"hidden"},children:n})})},f=e=>{let{values:t,prefixClass:n,dataAttributeName:r,showCheckerboard:s,enableDarkMode:o,variant:c}=e,i=e=>"class"===c?"".concat(n).concat(e):"".concat(r,'="').concat(e,'"'),l=e=>"class"===c?{className:"".concat(n).concat(e)}:{[r]:e};return(0,a.jsxs)("div",{className:"color-overview-container db-font-size-sm","data-color-scheme":o?"dark":"light",children:[(0,a.jsx)("span",{style:{backgroundImage:s?"url(".concat(u.src,")"):"none"}})," ",t.map((e,t)=>{let n="string"==typeof e?e:e.value,r="string"==typeof e?void 0:e.appendix;return(0,a.jsxs)("div",{...l(n),children:[(0,a.jsxs)("span",{children:[i(n),r]}),(0,a.jsx)(m,{name:"copy-button-".concat(t),copyText:i(n),children:"Copied to clipboard"})]})})]})},g=e=>{let{values:t,prefixClass:n,dataAttributeName:r}=e,[s,u]=(0,o.useState)(!1),[x,p]=(0,o.useState)(!1);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"color-overview-switches",children:[(0,a.jsx)(c.Z,{checked:s,onChange:e=>{u(e.target.checked)},children:"Show checkerboard"}),(0,a.jsx)(c.Z,{checked:x,onChange:e=>{p(e.target.checked)},children:"Preview dark mode"})]}),(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(l.Z,{children:[(0,a.jsx)(d.Z,{children:"Classes"}),(0,a.jsx)(d.Z,{children:"Data Attributes"})]}),(0,a.jsx)(h.Z,{children:(0,a.jsx)(f,{variant:"class",values:t,prefixClass:n,dataAttributeName:r,showCheckerboard:s,enableDarkMode:x})}),(0,a.jsx)(h.Z,{children:(0,a.jsx)(f,{variant:"dataAttribute",values:t,prefixClass:n,dataAttributeName:r,showCheckerboard:s,enableDarkMode:x})})]})]})};let j=["neutral","brand","critical","successful","warning","informational"],b=["yellow","orange","red","pink","violet","blue","cyan","turquoise","green"],v=["lvl-1","lvl-2","lvl-3","transparent-full","transparent-semi"],y=[{value:"default"},{value:"weak"},{value:"contrast"},{value:"contrast-weak",appendix:" *"},{value:"border",appendix:" *"}];var w=()=>(0,a.jsx)(r.Z,{children:(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{children:"Color classes"}),(0,a.jsxs)("p",{children:["These ",(0,a.jsx)("strong",{children:"classes"})," (or data-attributes) can be used to apply a"," ",(0,a.jsx)("strong",{children:"monochromatic adaptive color scheme"})," or a"," ",(0,a.jsx)("strong",{children:"color modifier"})," (background color, on-background color) to containers and elements."]}),(0,a.jsx)("p",{children:(0,a.jsxs)("i",{children:["These classes are ",(0,a.jsx)("u",{children:"not"})," intended for individual styling of your own components. The corresponding CSS Custom Properties should be used for this."]})}),(0,a.jsx)("strong",{children:"How to use:"}),(0,a.jsx)("br",{}),(0,a.jsx)("br",{}),(0,a.jsx)(s.Z,{semantic:"informational",children:"Note: All three methods are optional: they can be used individually or in any combination on an element."}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Should an entire container be given an"," ",(0,a.jsx)("strong",{children:"adaptive color scheme"}),"? Then use a"," ",(0,a.jsx)("code",{children:"db-container-color-[ color ]"})," class."]}),(0,a.jsxs)("li",{children:["The ",(0,a.jsx)("strong",{children:"background color"}),", in particular the"," ",(0,a.jsx)("strong",{children:"elevation level"}),", can be modified with a"," ",(0,a.jsx)("code",{children:"db-bg-color-[ color ]"})," class."]}),(0,a.jsxs)("li",{children:["The contrast of the ",(0,a.jsx)("strong",{children:"text"})," and"," ",(0,a.jsx)("strong",{children:"icon color"})," can be changed with the"," ",(0,a.jsx)("strong",{children:"on-background"})," classes:"," ",(0,a.jsx)("code",{children:"db-on-bg-color-[ color ]"})]})]}),(0,a.jsx)("h2",{children:"1. Container color"}),(0,a.jsxs)("p",{children:["These classes define the"," ",(0,a.jsx)("strong",{children:"monochromatic adaptive color scheme"})," for a container. Texts, icons and backgrounds in it then automatically adapt to the color set."]}),(0,a.jsx)("p",{children:"Each container color class functions as a shorthand and applies the following by default:"}),(0,a.jsxs)("ul",{children:[(0,a.jsxs)("li",{children:["A bunch of CSS Custom Properties to apply the"," ",(0,a.jsx)("strong",{children:"monochromatic adaptive color scheme"})]}),(0,a.jsxs)("li",{children:["Background color modifier"," ",(0,a.jsx)("strong",{children:"db-bg-color-lvl-1"})," (Level 1 background by default)"]}),(0,a.jsxs)("li",{children:["On background color modifier"," ",(0,a.jsx)("strong",{children:"db-on-bg-color-default"})," (highest text contrast by default)"]})]}),(0,a.jsx)("h3",{children:"Semantic container color"}),(0,a.jsxs)("p",{children:["These semantic colors are used to give a container a corresponding meaning. ",(0,a.jsx)("strong",{children:"Neutral"})," stands for the regular color scheme, which is usually applied to root."]}),(0,a.jsx)(g,{values:j,prefixClass:"db-container-color-",dataAttributeName:"data-container-color"}),(0,a.jsx)("h3",{children:"Additional container color"}),(0,a.jsx)(g,{values:b,prefixClass:"db-container-color-",dataAttributeName:"data-container-color"}),(0,a.jsx)("h2",{children:"2. Background color modifier"}),(0,a.jsxs)("p",{children:["These classes define the type of background color for a container. The exact color tone then results from the current semantics (in root ",(0,a.jsx)("strong",{children:"neutral"})," by default). This means that each of these background types exists for each semantic color."]}),(0,a.jsx)(g,{values:v,prefixClass:"db-bg-color-",dataAttributeName:"data-bg-color"}),(0,a.jsx)("h2",{children:"3. On background color modifier"}),(0,a.jsxs)("p",{children:["This class is used to define the contrast for"," ",(0,a.jsx)("strong",{children:"texts"})," and ",(0,a.jsx)("strong",{children:"icons"}),". As with the background colors, these are displayed according to the current color scheme."]}),(0,a.jsx)("p",{children:(0,a.jsx)("strong",{children:"* These colors do not have sufficient contrast. They are therefore not permitted as text colors."})}),(0,a.jsx)(g,{values:y,prefixClass:"db-on-bg-color-",dataAttributeName:"data-on-bg-color"})]})})}},function(e){e.O(0,[6061,1954,2182,2811,2888,9774,179],function(){return e(e.s=16095)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/overview-7733ee9a2a1bacde.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/overview-7733ee9a2a1bacde.js deleted file mode 100644 index 3845ee6921b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/overview-7733ee9a2a1bacde.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2089],{4470:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/font-sizes/overview",function(){return a(8203)}])},53148:function(e,t,a){"use strict";a.d(t,{Z:function(){return F}});var n=a(52322),s=a(5632),r=a(25237),i=a.n(r),c=a(2784),l=a(61183),o=a(39097),u=a.n(o),d=a(43251);let h=(0,c.forwardRef)(function(e,t){let a=t||(0,c.useRef)(t),[s,r]=(0,c.useState)(()=>!1);return(0,c.useEffect)(()=>{document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document")},[]),(0,c.useEffect)(()=>{r(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{r(!0)}):r(!0)},[]),(0,c.useEffect)(()=>()=>{document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")},[]),(0,n.jsxs)("div",{ref:a,...(0,d.mS)(e,[]),id:e.id,className:(0,d.yI)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":s,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 p=a(82664),m=a(98310),f=a(10326),v=a(55327),x=a(74819),g=a(70741),j=a(92811),b=a(33759),y=a(39120);let w=(e,t)=>{var a;return"/"===t.path?"/"===e:e.includes("".concat(t.path,"/"))||e===t.path||!!(null===(a=t.subNavigation)||void 0===a?void 0:a.find(t=>e.includes("".concat(t.path,"/"))))},N=e=>{var t;let{navItem:a}=e,r=w((0,s.useRouter)().pathname,a);return(0,n.jsx)(y.Z,{active:r,backButtonText:"Back to ".concat(a.label),subNavigation:a.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.subNavigation.filter(e=>{let{isHiddenInMenu:t}=e;return!0!==t}).map(e=>(0,n.jsx)(N,{navItem:e},"router-path-".concat(e.path)))}),children:a.subNavigation?a.label:(0,n.jsx)(u(),{href:null!==(t=a.path)&&void 0!==t?t:"",children:a.label},"router-path-".concat(a.path))})};var Z=()=>(0,n.jsx)(b.Z,{children:j.Z6.map(e=>(0,n.jsx)(N,{navItem:e},"router-path-".concat(e.path)))}),S=a(35368),_=a(79081);let E=async e=>{try{let t=await fetch(e);return await t.json()}catch(e){console.error(e)}return[]},q="db-ui",k="mono";var I=()=>{let e=(0,s.useRouter)(),[t,a]=(0,c.useState)(),[r,i]=(0,c.useState)(),l=t=>{let a=e.basePath,n=t.find(e=>a.includes(e));n&&i(n)},o=(e,t)=>{let n=[],s=[],r=[],i=[],c=[],l=[];for(let e of t)e.startsWith("feat")||e.startsWith("feature")?s.push(e):e.startsWith("fix")||e.startsWith("bugfix")?r.push(e):e.startsWith("refactor")?i.push(e):/^\d*-/.test(e)?c.push(e):e.startsWith("docs")?l.push(e):n.push(e);a({others:n,features:s,docs:l,refactors:i,issues:c,bugfixes:r,versions:e})};(0,c.useEffect)(()=>{(async()=>{let e=await E("https://api.github.com/repos/".concat(q,"/").concat(k,"/branches")),t=(await E("https://api.github.com/repos/".concat(q,"/").concat(k,"/tags"))).map(e=>e.name),a=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));l(a),l(t),o(t,a)})().catch(e=>{console.error(e)})},[]);let u=t=>{let a=e.pathname,n=3===t.split(".").length&&t.startsWith("v");window.location.replace((0,S.sanitize)("https://".concat(q,".github.io/").concat(k).concat(n?"/version":"/review","/").concat(t).concat(a)))};return t?(0,n.jsx)(_.Z,{className:"version-switcher",label:"Version switcher",variant:"floating",value:r,onChange:e=>{u(e.target.value)},children:Object.entries(t).filter(e=>{let[t,a]=e;return(null==a?void 0:a.length)>0}).map(e=>{let[t,a]=e;return(0,n.jsx)("optgroup",{label:t,children:a.slice(0,15).map((e,a)=>(0,n.jsx)("option",{value:e,children:e},"".concat(t,"-").concat(e,"-").concat(a)))},t)})}):null};let z=e=>{var t,a;let{children:r,noNavigation:i}=e,[o,d]=(0,c.useState)(!1),[b,y]=(0,c.useState)(!1),[w,N]=(0,c.useState)(!1),[S,_]=(0,c.useState)(!1),[E,q]=(0,c.useState)(),[k,z]=(0,c.useState)(),[F,O]=(0,c.useState)(),[R,W]=(0,c.useState)(),A=(0,s.useRouter)();return(0,c.useEffect)(()=>{l.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),l.Z.highlightAll()},[]),(0,c.useEffect)(()=>{if(A.query&&(A.query.fullscreen&&d("true"===A.query.fullscreen),A.query.page&&d(!0),A.query.noh1&&y("true"===A.query.noh1),A.query.properties&&N("true"===A.query.properties),A.query.current)){let t=Array.isArray(A.query.current)?A.query.current[0]:A.query.current;if(E!==t){var e;q(t),null===(e=document.querySelector("#".concat(t)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let t=A.asPath.split("?")[0],{previous:a,next:n}=(0,j.vn)(t);z(a),O(n),W((0,j.kn)(t))},[A]),(0,n.jsxs)(n.Fragment,{children:[A.isReady&&o&&(0,n.jsx)("div",{className:"".concat(b?"noh1":""," ").concat(w?"is-properties":""),children:r}),A.isReady&&!o&&(0,n.jsxs)(h,{fadeIn:!0,variant:"fixed",header:(0,n.jsx)(p.Z,{drawerOpen:S,onToggle:_,brand:(0,n.jsx)(m.Z,{children:"DB-UI Mono"}),primaryAction:(0,n.jsx)(f.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,n.jsx)(I,{}),children:(0,n.jsx)(Z,{})}),children:[R&&R.length>1&&(0,n.jsx)(v.Z,{spacing:"none",width:"large",children:(0,n.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==R?void 0:R.map(e=>{var t;return(0,n.jsxs)(c.Fragment,{children:["/"!==e.path&&(0,n.jsx)(x.Z,{icon:"chevron_right"}),(0,n.jsx)(u(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(t=e.path)&&void 0!==t?t:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,n.jsx)(v.Z,{spacing:"none",width:"large",children:r}),!i&&(null!=k?k:F)&&(0,n.jsxs)(v.Z,{width:"large",spacing:"small",className:"link-containers",children:[k&&(0,n.jsx)(u(),{className:"previous-link-container",href:null!==(t=k.path)&&void 0!==t?t:"/",children:(0,n.jsxs)(g.Z,{behaviour:"interactive",children:[(0,n.jsx)("small",{children:"Previous"}),(0,n.jsx)("span",{"data-icon":"arrow_left",children:k.label})]})}),F&&(0,n.jsx)(u(),{className:"next-link-container",href:null!==(a=F.path)&&void 0!==a?a:"/",children:(0,n.jsxs)(g.Z,{behaviour:"interactive",children:[(0,n.jsx)("small",{children:"Next"}),(0,n.jsx)("span",{"data-icon-after":"arrow_right",children:F.label})]})})]})]})]})};var F=i()(async()=>z,{ssr:!1})},8203:function(e,t,a){"use strict";a.r(t);var n=a(52322),s=a(53148),r=a(47437);t.default=()=>(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("h1",{children:"FontsSizes Overview"}),(0,n.jsx)("h2",{children:"Body"}),(0,n.jsx)(r.Z,{semantic:"warning",children:"Some font-sizes are the same for a specific device type. For example in mobile all `xl` sizes are the same."}),(0,n.jsx)("div",{children:["3xl","2xl","xl","lg","md","sm","xs","2xs","3xs"].map(e=>(0,n.jsxs)("p",{className:"db-font-size-".concat(e),children:["I am size: ",(0,n.jsx)("strong",{children:e})]}))})]})}},function(e){e.O(0,[6061,1954,2182,2811,2888,9774,179],function(){return e(e.s=4470)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/overview-a63e10bd79261739.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/overview-a63e10bd79261739.js new file mode 100644 index 00000000000..54053d31d44 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/overview-a63e10bd79261739.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2089],{4470:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/font-sizes/overview",function(){return s(8203)}])},53148:function(e,n,s){"use strict";s.d(n,{Z:function(){return _}});var t=s(52322),a=s(5632),i=s(25237),r=s.n(i),c=s(2784),l=s(61183),o=s(39097),d=s.n(o),h=s(43251);let u=(0,c.forwardRef)(function(e,n){let s=n||(0,c.useRef)(n),[a,i]=(0,c.useState)(()=>!1);return(0,c.useEffect)(()=>{document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document")},[]),(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,t.jsxs)("div",{ref:s,...(0,h.mS)(e,[]),id:e.id,className:(0,h.yI)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":a,children:[(0,t.jsx)(t.Fragment,{children:e.header}),(0,t.jsx)("main",{className:"db-main",children:e.children}),(0,t.jsx)(t.Fragment,{children:e.footer})]})});var x=s(82664),p=s(98310),g=s(10326),j=s(55327),f=s(74819),m=s(70741),b=s(92811),v=s(33759),y=s(39120);let w=(e,n)=>{var s;return"/"===n.path?"/"===e:e.includes("".concat(n.path,"/"))||e===n.path||!!(null===(s=n.subNavigation)||void 0===s?void 0:s.find(n=>e.includes("".concat(n.path,"/"))))},z=e=>{var n;let{navItem:s}=e,i=w((0,a.useRouter)().pathname,s);return(0,t.jsx)(y.Z,{active:i,backButtonText:"Back to ".concat(s.label),subNavigation:s.subNavigation&&(0,t.jsx)(t.Fragment,{children:null==s?void 0:s.subNavigation.filter(e=>{let{isHiddenInMenu:n}=e;return!0!==n}).map(e=>(0,t.jsx)(z,{navItem:e},"router-path-".concat(e.path)))}),children:s.subNavigation?s.label:(0,t.jsx)(d(),{href:null!==(n=s.path)&&void 0!==n?n:"",children:s.label},"router-path-".concat(s.path))})};var S=()=>(0,t.jsx)(v.Z,{children:b.Z6.map(e=>(0,t.jsx)(z,{navItem:e},"router-path-".concat(e.path)))}),N=s(35368),Z=s(79081);let k=async e=>{try{let n=await fetch(e);return await n.json()}catch(e){console.error(e)}return[]},T="db-ui",H="mono";var F=()=>{let e=(0,a.useRouter)(),[n,s]=(0,c.useState)(),[i,r]=(0,c.useState)(),l=n=>{let s=e.basePath,t=n.find(e=>s.includes(e));t&&r(t)},o=(e,n)=>{let t=[],a=[],i=[],r=[],c=[],l=[];for(let e of n)e.startsWith("feat")||e.startsWith("feature")?a.push(e):e.startsWith("fix")||e.startsWith("bugfix")?i.push(e):e.startsWith("refactor")?r.push(e):/^\d*-/.test(e)?c.push(e):e.startsWith("docs")?l.push(e):t.push(e);s({others:t,features:a,docs:l,refactors:r,issues:c,bugfixes:i,versions:e})};(0,c.useEffect)(()=>{(async()=>{let e=await k("https://api.github.com/repos/".concat(T,"/").concat(H,"/branches")),n=(await k("https://api.github.com/repos/".concat(T,"/").concat(H,"/tags"))).map(e=>e.name),s=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));l(s),l(n),o(n,s)})().catch(e=>{console.error(e)})},[]);let d=n=>{let s=e.pathname,t=3===n.split(".").length&&n.startsWith("v");window.location.replace((0,N.sanitize)("https://".concat(T,".github.io/").concat(H).concat(t?"/version":"/review","/").concat(n).concat(s)))};return n?(0,t.jsx)(Z.Z,{className:"version-switcher",label:"Version switcher",variant:"floating",value:i,onChange:e=>{d(e.target.value)},children:Object.entries(n).filter(e=>{let[n,s]=e;return(null==s?void 0:s.length)>0}).map(e=>{let[n,s]=e;return(0,t.jsx)("optgroup",{label:n,children:s.slice(0,15).map((e,s)=>(0,t.jsx)("option",{value:e,children:e},"".concat(n,"-").concat(e,"-").concat(s)))},n)})}):null};let X=e=>{var n,s;let{children:i,noNavigation:r}=e,[o,h]=(0,c.useState)(!1),[v,y]=(0,c.useState)(!1),[w,z]=(0,c.useState)(!1),[N,Z]=(0,c.useState)(!1),[k,T]=(0,c.useState)(),[H,X]=(0,c.useState)(),[_,E]=(0,c.useState)(),[q,I]=(0,c.useState)(),A=(0,a.useRouter)();return(0,c.useEffect)(()=>{l.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),l.Z.highlightAll()},[]),(0,c.useEffect)(()=>{if(A.query&&(A.query.fullscreen&&h("true"===A.query.fullscreen),A.query.page&&h(!0),A.query.noh1&&y("true"===A.query.noh1),A.query.properties&&z("true"===A.query.properties),A.query.current)){let n=Array.isArray(A.query.current)?A.query.current[0]:A.query.current;if(k!==n){var e;T(n),null===(e=document.querySelector("#".concat(n)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let n=A.asPath.split("?")[0],{previous:s,next:t}=(0,b.vn)(n);X(s),E(t),I((0,b.kn)(n))},[A]),(0,t.jsxs)(t.Fragment,{children:[A.isReady&&o&&(0,t.jsx)("div",{className:"".concat(v?"noh1":""," ").concat(w?"is-properties":""),children:i}),A.isReady&&!o&&(0,t.jsxs)(u,{fadeIn:!0,variant:"fixed",header:(0,t.jsx)(x.Z,{drawerOpen:N,onToggle:Z,brand:(0,t.jsx)(p.Z,{children:"DB-UI Mono"}),primaryAction:(0,t.jsx)(g.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,t.jsx)(F,{}),children:(0,t.jsx)(S,{})}),children:[q&&q.length>1&&(0,t.jsx)(j.Z,{spacing:"none",width:"large",children:(0,t.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==q?void 0:q.map(e=>{var n;return(0,t.jsxs)(c.Fragment,{children:["/"!==e.path&&(0,t.jsx)(f.Z,{icon:"chevron_right"}),(0,t.jsx)(d(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(n=e.path)&&void 0!==n?n:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,t.jsx)(j.Z,{spacing:"none",width:"large",children:i}),!r&&(null!=H?H:_)&&(0,t.jsxs)(j.Z,{width:"large",spacing:"small",className:"link-containers",children:[H&&(0,t.jsx)(d(),{className:"previous-link-container",href:null!==(n=H.path)&&void 0!==n?n:"/",children:(0,t.jsxs)(m.Z,{behaviour:"interactive",children:[(0,t.jsx)("small",{children:"Previous"}),(0,t.jsx)("span",{"data-icon":"arrow_left",children:H.label})]})}),_&&(0,t.jsx)(d(),{className:"next-link-container",href:null!==(s=_.path)&&void 0!==s?s:"/",children:(0,t.jsxs)(m.Z,{behaviour:"interactive",children:[(0,t.jsx)("small",{children:"Next"}),(0,t.jsx)("span",{"data-icon-after":"arrow_right",children:_.label})]})})]})]})]})};var _=r()(async()=>X,{ssr:!1})},8203:function(e,n,s){"use strict";s.r(n);var t=s(52322),a=s(2784),i=s(53148),r=s(47437),c=s(55025),l=s(55327),o=s(74819);let d=e=>".db-font-size-".concat(e," {\n font-size: var(--db-type-body-font-size-").concat(e,");\n line-height: var(--db-type-body-line-height-").concat(e,");\n\n /* custom properties only for components */\n --db-icon-font-weight: var(--db-base-body-icon-weight-").concat(e,");\n --db-icon-font-size: var(--db-base-body-icon-font-size-").concat(e,");\n --db-base-line-height: var(--db-type-body-line-height-").concat(e,");\n --db-base-font-size: var(--db-type-body-font-size-").concat(e,");\n}\n"),h=(e,n)=>"".concat(e," {\n line-height: var(--db-type-headline-line-height-").concat(n,");\n font-size: var(--db-type-headline-font-size-").concat(n,");\n margin-block: var(--db-spacing-fixed-").concat(n,");\n}\n"),u=e=>".custom-headline-selector {\n line-height: var(--db-type-headline-line-height-".concat(e,");\n font-size: var(--db-type-headline-font-size-").concat(e,");\n margin-block: var(--db-spacing-fixed-").concat(e,");\n}\n");n.default=()=>{let[e,n]=(0,a.useState)(!1),[s,x]=(0,a.useState)(!1),[p,g]=(0,a.useState)(!1);return(0,t.jsxs)(i.Z,{children:[(0,t.jsx)("h1",{children:"Font Sizes Overview"}),(0,t.jsxs)("ol",{children:[(0,t.jsx)("li",{children:(0,t.jsx)("b",{children:"Body Font Sizes"})}),(0,t.jsx)("li",{children:(0,t.jsx)("b",{children:"Default Headlines H1 - H6"})}),(0,t.jsx)("li",{children:(0,t.jsx)("b",{children:"Available Headline Font Sizes"})})]}),(0,t.jsxs)(r.Z,{"data-font-size":"md",semantic:"informational",children:[(0,t.jsx)("strong",{children:"Note: "}),"Some font sizes are the same for a specific device type. For example in mobile all ",(0,t.jsx)("code",{children:"xl"})," ","sizes are the same."]}),(0,t.jsx)("h2",{children:"Body Font Sizes"}),(0,t.jsxs)("p",{children:["All ",(0,t.jsx)("strong",{children:"9 body font sizes"})," provided by foundations can be set via ",(0,t.jsx)("strong",{children:"css class"}),","," ",(0,t.jsx)("strong",{children:"data-attribute"}),","," ",(0,t.jsx)("strong",{children:"scss placeholder"})," or"," ",(0,t.jsx)("strong",{children:"Tailwind class"})," (",(0,t.jsx)("a",{href:"./readme",children:"How to use"}),"). This ensures that all custom properties are defined by the class to match the font size, so that certain child components fit correctly. For example, this allows DBIcon component to display its icon in the correct height and weight according to the chosen font-size."]}),(0,t.jsxs)("p",{children:["Therefore, if possible, these ",(0,t.jsx)("b",{children:"db-font-size"})," classes should be used to change the font size of certain text elements such as"," ",(0,t.jsx)("code",{children:"p"})," or containers with other texts."]}),(0,t.jsxs)(r.Z,{"data-font-size":"md",semantic:"informational",children:["The display of icons works correctly in all sizes except"," ",(0,t.jsx)("code",{children:"3xl"})," and ",(0,t.jsx)("code",{children:"3xs"}),". That is why they are hidden there."]}),(0,t.jsx)("br",{}),(0,t.jsx)("div",{children:(0,t.jsxs)(c.Z,{change:e=>{n(e.target.checked)},children:["Show CSS applied by using ",(0,t.jsx)("b",{children:"db-font-size-XX"})," classes"]})}),(0,t.jsx)("br",{}),(0,t.jsx)(l.Z,{spacing:"small",className:"db-neutral-bg-lvl-2",children:["3xl","2xl","xl","lg","md","sm","xs","2xs","3xs"].map(n=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("p",{className:"db-font-size-".concat(n),children:["I am size: ",(0,t.jsx)("strong",{children:n})," ","3xl"!==n&&"3xs"!==n&&(0,t.jsx)(o.Z,{icon:"download"})]}),(0,t.jsx)("pre",{style:{display:e?"block":"none"},children:(0,t.jsx)("code",{className:"language-css",children:d(n)})})]}))}),(0,t.jsx)("h2",{children:"Default Headlines H1 - H6"}),(0,t.jsxs)("p",{children:["Certain ",(0,t.jsx)("strong",{children:"Headline Font Sizes"})," are mapped to the"," ",(0,t.jsx)("strong",{children:"headline tags (H1 - H6)"})," by default. Accordingly, it is sufficient to use the native headline tags, as in this example."]}),(0,t.jsx)(r.Z,{"data-font-size":"md",semantic:"informational",children:"There are currently no CSS classes or data-attributes to set a predefined headline size for a specific element."}),(0,t.jsx)("br",{}),(0,t.jsx)("div",{children:(0,t.jsxs)(c.Z,{change:e=>{x(e.target.checked)},children:["Show CSS applied by using ",(0,t.jsx)("strong",{children:"H1 - H6 tags"})]})}),(0,t.jsx)("br",{}),(0,t.jsx)(l.Z,{spacing:"small",className:"db-neutral-bg-lvl-2",children:[{Tag:"h1",size:"xl"},{Tag:"h2",size:"lg"},{Tag:"h3",size:"md"},{Tag:"h4",size:"sm"},{Tag:"h5",size:"xs"},{Tag:"h6",size:"2xs"}].map(e=>{let{Tag:n,size:a}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n,{children:[n.toUpperCase()," - default mapped size is:"," ",(0,t.jsx)("u",{children:a})]}),(0,t.jsx)("pre",{style:{display:s?"block":"none"},children:(0,t.jsx)("code",{className:"language-css",children:h(n,a)})})]})})}),(0,t.jsx)("h2",{children:"Available Headline Font Sizes"}),(0,t.jsxs)("p",{children:["This overview shows all ",(0,t.jsx)("strong",{children:"9 headline sizes"})," that are available in foundations. These can be used, for example, to (globally) overwrite the default mapping. Instructions on how overwriting works are below."]}),(0,t.jsx)("br",{}),(0,t.jsx)("div",{children:(0,t.jsx)(c.Z,{change:e=>{g(e.target.checked)},children:"Show CSS for custom usage of headline sizes"})}),(0,t.jsx)("br",{}),(0,t.jsx)(l.Z,{spacing:"small",className:"db-neutral-bg-lvl-2",children:["3xl","2xl","xl","lg","md","sm","xs","2xs","3xs"].map(e=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("h3",{style:{fontSize:"var(--db-type-headline-font-size-".concat(e,")"),lineHeight:"var(--db-type-headline-line-height-".concat(e,")"),marginBlock:"var(--db-spacing-fixed-".concat(e,")")},children:["Headline with size: ",(0,t.jsx)("u",{children:e})]}),(0,t.jsx)("pre",{style:{display:p?"block":"none"},children:(0,t.jsx)("code",{className:"language-css",children:u(e)})})]}))}),(0,t.jsx)("h3",{children:"How to overwrite headlines default mapping"}),(0,t.jsxs)("p",{children:["To overwrite the default mapping of the foundations, a suitable selector (H1 - H6 or css class) is used to set"," ",(0,t.jsx)("code",{children:"font-size"})," and ",(0,t.jsx)("code",{children:"line-height"})," (and"," ",(0,t.jsx)("code",{children:"margin-block"})," if necessary) to the desired size using the supplied ",(0,t.jsx)("strong",{children:"custom properties"}),"."]}),(0,t.jsxs)(r.Z,{"data-font-size":"md",semantic:"warning",children:["In order to maintain a uniform typography, custom properties for"," ",(0,t.jsx)("code",{children:"font-size"})," and ",(0,t.jsx)("code",{children:"line-height"})," ",(0,t.jsx)("u",{children:"must"})," ","be selected with the same size (e.g. ",(0,t.jsx)("code",{children:"md"}),")."]}),(0,t.jsx)("br",{}),(0,t.jsxs)(l.Z,{spacing:"small",className:"db-neutral-bg-lvl-2",children:[(0,t.jsx)("p",{children:(0,t.jsx)("b",{children:"These custom properties must be used for overwrites:"})}),(0,t.jsx)("code",{children:"--db-type-headline-font-size-XX"}),(0,t.jsx)("br",{}),(0,t.jsx)("code",{children:"--db-type-headline-line-height-XX"}),(0,t.jsx)("br",{}),(0,t.jsx)("code",{children:"--db-spacing-fixed-XX"})," (optional e.g. for margin)",(0,t.jsx)("p",{children:(0,t.jsx)("strong",{children:"They are available in the following sizes:"})}),(0,t.jsxs)("p",{children:[(0,t.jsx)("code",{children:"3xl"})," | ",(0,t.jsx)("code",{children:"2xl"})," | ",(0,t.jsx)("code",{children:"xl"})," |"," ",(0,t.jsx)("code",{children:"lg"})," | ",(0,t.jsx)("code",{children:"md"})," | ",(0,t.jsx)("code",{children:"sm"})," |"," ",(0,t.jsx)("code",{children:"xs"})," | ",(0,t.jsx)("code",{children:"2xs"})," | ",(0,t.jsx)("code",{children:"3xs"})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"language-css",children:"/* Select a headline tag to be overwritten */\nh1 {\n font-size: var(--db-type-headline-font-size-XX);\n line-height: var(--db-type-headline-line-height-XX);\n\n /* spacings may vary depending on the project */\n margin-block: var(--db-spacing-fixed-XX);\n}\n"})})]})}}},function(e){e.O(0,[6061,1954,2182,2811,2888,9774,179],function(){return e(e.s=4470)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/readme-1df1870609c7c1eb.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/readme-1df1870609c7c1eb.js new file mode 100644 index 00000000000..5c5244afeb2 --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/readme-1df1870609c7c1eb.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1996],{16208:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/font-sizes/readme",function(){return s(9210)}])},9210:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return a}});var t=s(52322),i=s(53148),r=s(45392);function l(e){let n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"db-font-sizes",children:"DB Font Sizes"}),"\n",(0,t.jsxs)(n.p,{children:["The font sizes of foundations consist of ",(0,t.jsx)(n.a,{href:"./overview",children:"two different sets"})," (9 sizes each) for general texts (",(0,t.jsx)(n.strong,{children:"Body Font Sizes"}),") and headlines (",(0,t.jsx)(n.strong,{children:"Headline Font Sizes"}),").\nAll sizes of both sets are automatically adjusted by the selected ",(0,t.jsx)(n.a,{href:"./../densities/readme",children:"density"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"body-font-sizes",children:"Body Font Sizes"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["By default, the Body Font Size ",(0,t.jsx)(n.code,{children:"md"})," is set to the body tag."]}),"\n",(0,t.jsx)(n.li,{children:"These 9 Body Font Sizes can also be explicitly set as classes on elements in order to change their font size."}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"headline-font-sizes",children:"Headline Font Sizes"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"9 Headline Sizes are available and are usable by custom properties"}),"\n",(0,t.jsxs)(n.li,{children:["6 Headline Sizes are mapped to native headline tags (",(0,t.jsx)(n.code,{children:"h1"})," to ",(0,t.jsx)(n.code,{children:"h6"}),") by default. Headlines can therefore be used directly."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"available-variants--sizes",children:"Available variants / sizes"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"3xl"})," | ",(0,t.jsx)(n.code,{children:"2xl"})," | ",(0,t.jsx)(n.code,{children:"xl"})," | ",(0,t.jsx)(n.code,{children:"lg"})," | ",(0,t.jsx)(n.code,{children:"md"})," | ",(0,t.jsx)(n.code,{children:"sm"})," | ",(0,t.jsx)(n.code,{children:"xs"})," | ",(0,t.jsx)(n.code,{children:"2xs"})," | ",(0,t.jsx)(n.code,{children:"3xs"})]}),"\n",(0,t.jsx)(n.h2,{id:"when-to-use",children:"When to use"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Use our provided ",(0,t.jsx)(n.strong,{children:"Body Font Sizes"})," to explicitly change the size of text elements like ",(0,t.jsx)(n.code,{children:"

    "}),", ",(0,t.jsx)(n.code,{children:""})," etc."]}),"\n",(0,t.jsxs)(n.li,{children:["Use a ",(0,t.jsx)(n.strong,{children:"Body Font Size"})," for a container and all text elements in it (does not affect components font-sizes) ."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Headline Font Sizes"})," can be used to override the default mapping of the ",(0,t.jsx)(n.code,{children:"h1"})," - ",(0,t.jsx)(n.code,{children:"h6"})," tags."]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.em,{children:["Advanced: use standardised ",(0,t.jsx)(n.em,{children:"custom properties"})," to define ",(0,t.jsx)(n.code,{children:"font-size"})," and ",(0,t.jsx)(n.code,{children:"line-height"})," in your own components."]})}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"notes",children:"Notes"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Some sizes may stay the same because of screen width or density."}),"\n",(0,t.jsxs)(n.li,{children:["Elements such as ",(0,t.jsx)(n.code,{children:"

    "})," and all headings (",(0,t.jsx)(n.code,{children:"h1"})," - ",(0,t.jsx)(n.code,{children:"h6"}),") as well as ",(0,t.jsx)(n.strong,{children:"DB UI components"})," have font sizes assigned by default so that they can be used without further customisation."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"how-to-include",children:"How to include"}),"\n",(0,t.jsxs)(n.p,{children:["For ",(0,t.jsx)(n.strong,{children:"CSS"})," and ",(0,t.jsx)(n.strong,{children:"Tailwind"})," you need to use the import ",(0,t.jsx)(n.code,{children:'@import "@db-ui/foundations/build/css/fonts/classes/all.css";'})," in your root ",(0,t.jsx)(n.code,{children:".css"})," file."]}),"\n",(0,t.jsxs)(n.p,{children:["For ",(0,t.jsx)(n.strong,{children:"SCSS"})," you can use the ",(0,t.jsx)(n.code,{children:".css"})," file, or you can use a placeholder by importing ",(0,t.jsx)(n.code,{children:"@use @db-ui/foundations/build/scss/fonts"})," in your ",(0,t.jsx)(n.code,{children:".scss"})," file, where you need to reference the specific font size.\nThen you can use e.g. ",(0,t.jsx)(n.code,{children:"sm"})," font-size by extending our SCSS placeholders like this: ",(0,t.jsx)(n.code,{children:"@extend %db-overwrite-font-size-sm"}),"."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:(0,t.jsx)(n.em,{children:"NOTE:"})})," Make sure that you import the file after all other ",(0,t.jsx)(n.strong,{children:"foundation"})," css files, otherwise you should overwrite a specific ",(0,t.jsx)(n.code,{children:"font-size"})," with the global selector"]}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-css",children:"/* Global selector */\n* {\n font-size: inherit;\n line-height: inherit;\n}\n"})}),"\n",(0,t.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,t.jsxs)(n.p,{children:["The following options are recommended for applying ",(0,t.jsx)(n.strong,{children:"Body Font Sizes"}),":"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"CSS classes"}),"\n",(0,t.jsxs)(n.li,{children:["CSS ",(0,t.jsx)(n.code,{children:"data-"}),"attributes"]}),"\n",(0,t.jsx)(n.li,{children:"SCSS placeholders"}),"\n",(0,t.jsx)(n.li,{children:"Tailwind classes"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["All options (except the last one) set ",(0,t.jsx)(n.code,{children:"font-size"}),", ",(0,t.jsx)(n.code,{children:"line-height"})," and some ",(0,t.jsx)(n.strong,{children:"CSS Custom Properties"})," for an element. These custom properties are internally required by some components to be displayed correctly."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:["All available variants / sizes, ",(0,t.jsx)(n.a,{href:"./overview",children:"see also the detailed overview"}),":"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"3xl"})," | ",(0,t.jsx)(n.code,{children:"2xl"})," | ",(0,t.jsx)(n.code,{children:"xl"})," | ",(0,t.jsx)(n.code,{children:"lg"})," | ",(0,t.jsx)(n.code,{children:"md"})," | ",(0,t.jsx)(n.code,{children:"sm"})," | ",(0,t.jsx)(n.code,{children:"xs"})," | ",(0,t.jsx)(n.code,{children:"2xs"})," | ",(0,t.jsx)(n.code,{children:"3xs"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsxs)(n.strong,{children:["Note: We use ",(0,t.jsx)(n.code,{children:"XX"})," here. You should replace it with a size from above."]})}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{style:{textAlign:"center"},children:"CSS class"}),(0,t.jsx)(n.th,{children:"CSS data-attribute"}),(0,t.jsx)(n.th,{children:"SCSS"}),(0,t.jsx)(n.th,{children:"Tailwind"})]})}),(0,t.jsx)(n.tbody,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{style:{textAlign:"center"},children:(0,t.jsx)(n.code,{children:'class="db-font-size-XX"'})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'data-font-size="XX"'})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"@extend %db-overwrite-font-size-XX"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-font-size-XX"'})})]})})]}),"\n",(0,t.jsx)(n.h4,{id:"advanced-use-css-custom-properties",children:"Advanced use: CSS Custom Properties"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:(0,t.jsx)(n.em,{children:"Note:"})})," The direct use of custom properties to set font sizes should be avoided if possible. If this is unavoidable, existing restrictions should be taken into account."]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["All of the above options are available for applying the ",(0,t.jsx)(n.strong,{children:"Body Font Sizes"})," to HTML elements within custom components.\nIn some cases it may make sense to set the ",(0,t.jsx)(n.code,{children:"font-size"})," and ",(0,t.jsx)(n.code,{children:"line-height"})," manually in the css."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsxs)(n.strong,{children:["Please replace ",(0,t.jsx)(n.code,{children:"XX"})," in the custom-properties with one of the sizes:"]})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-css",children:".text-element {\n font-size: var(--db-type-body-font-size-XX);\n line-height: var(--db-type-body-line-height-XX);\n}\n"})})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(l,{...e})}):l(e)}let o=e=>{let{children:n}=e;return(0,t.jsx)(i.Z,{children:n})};function d(e){return(0,t.jsx)(c,{})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(o,{...e,children:(0,t.jsx)(d,{...e})})}},53148:function(e,n,s){"use strict";s.d(n,{Z:function(){return E}});var t=s(52322),i=s(5632),r=s(25237),l=s.n(r),c=s(2784),o=s(61183),d=s(39097),a=s.n(d),h=s(43251);let u=(0,c.forwardRef)(function(e,n){let s=n||(0,c.useRef)(n),[i,r]=(0,c.useState)(()=>!1);return(0,c.useEffect)(()=>{document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document")},[]),(0,c.useEffect)(()=>{r(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{r(!0)}):r(!0)},[]),(0,c.useEffect)(()=>()=>{document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")},[]),(0,t.jsxs)("div",{ref:s,...(0,h.mS)(e,[]),id:e.id,className:(0,h.yI)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[(0,t.jsx)(t.Fragment,{children:e.header}),(0,t.jsx)("main",{className:"db-main",children:e.children}),(0,t.jsx)(t.Fragment,{children:e.footer})]})});var x=s(82664),j=s(98310),p=s(10326),f=s(55327),m=s(74819),g=s(70741),b=s(92811),v=s(33759),y=s(39120);let S=(e,n)=>{var s;return"/"===n.path?"/"===e:e.includes("".concat(n.path,"/"))||e===n.path||!!(null===(s=n.subNavigation)||void 0===s?void 0:s.find(n=>e.includes("".concat(n.path,"/"))))},w=e=>{var n;let{navItem:s}=e,r=S((0,i.useRouter)().pathname,s);return(0,t.jsx)(y.Z,{active:r,backButtonText:"Back to ".concat(s.label),subNavigation:s.subNavigation&&(0,t.jsx)(t.Fragment,{children:null==s?void 0:s.subNavigation.filter(e=>{let{isHiddenInMenu:n}=e;return!0!==n}).map(e=>(0,t.jsx)(w,{navItem:e},"router-path-".concat(e.path)))}),children:s.subNavigation?s.label:(0,t.jsx)(a(),{href:null!==(n=s.path)&&void 0!==n?n:"",children:s.label},"router-path-".concat(s.path))})};var z=()=>(0,t.jsx)(v.Z,{children:b.Z6.map(e=>(0,t.jsx)(w,{navItem:e},"router-path-".concat(e.path)))}),N=s(35368),k=s(79081);let q=async e=>{try{let n=await fetch(e);return await n.json()}catch(e){console.error(e)}return[]},F="db-ui",X="mono";var Z=()=>{let e=(0,i.useRouter)(),[n,s]=(0,c.useState)(),[r,l]=(0,c.useState)(),o=n=>{let s=e.basePath,t=n.find(e=>s.includes(e));t&&l(t)},d=(e,n)=>{let t=[],i=[],r=[],l=[],c=[],o=[];for(let e of n)e.startsWith("feat")||e.startsWith("feature")?i.push(e):e.startsWith("fix")||e.startsWith("bugfix")?r.push(e):e.startsWith("refactor")?l.push(e):/^\d*-/.test(e)?c.push(e):e.startsWith("docs")?o.push(e):t.push(e);s({others:t,features:i,docs:o,refactors:l,issues:c,bugfixes:r,versions:e})};(0,c.useEffect)(()=>{(async()=>{let e=await q("https://api.github.com/repos/".concat(F,"/").concat(X,"/branches")),n=(await q("https://api.github.com/repos/".concat(F,"/").concat(X,"/tags"))).map(e=>e.name),s=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));o(s),o(n),d(n,s)})().catch(e=>{console.error(e)})},[]);let a=n=>{let s=e.pathname,t=3===n.split(".").length&&n.startsWith("v");window.location.replace((0,N.sanitize)("https://".concat(F,".github.io/").concat(X).concat(t?"/version":"/review","/").concat(n).concat(s)))};return n?(0,t.jsx)(k.Z,{className:"version-switcher",label:"Version switcher",variant:"floating",value:r,onChange:e=>{a(e.target.value)},children:Object.entries(n).filter(e=>{let[n,s]=e;return(null==s?void 0:s.length)>0}).map(e=>{let[n,s]=e;return(0,t.jsx)("optgroup",{label:n,children:s.slice(0,15).map((e,s)=>(0,t.jsx)("option",{value:e,children:e},"".concat(n,"-").concat(e,"-").concat(s)))},n)})}):null};let C=e=>{var n,s;let{children:r,noNavigation:l}=e,[d,h]=(0,c.useState)(!1),[v,y]=(0,c.useState)(!1),[S,w]=(0,c.useState)(!1),[N,k]=(0,c.useState)(!1),[q,F]=(0,c.useState)(),[X,C]=(0,c.useState)(),[E,T]=(0,c.useState)(),[_,A]=(0,c.useState)(),B=(0,i.useRouter)();return(0,c.useEffect)(()=>{o.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),o.Z.highlightAll()},[]),(0,c.useEffect)(()=>{if(B.query&&(B.query.fullscreen&&h("true"===B.query.fullscreen),B.query.page&&h(!0),B.query.noh1&&y("true"===B.query.noh1),B.query.properties&&w("true"===B.query.properties),B.query.current)){let n=Array.isArray(B.query.current)?B.query.current[0]:B.query.current;if(q!==n){var e;F(n),null===(e=document.querySelector("#".concat(n)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let n=B.asPath.split("?")[0],{previous:s,next:t}=(0,b.vn)(n);C(s),T(t),A((0,b.kn)(n))},[B]),(0,t.jsxs)(t.Fragment,{children:[B.isReady&&d&&(0,t.jsx)("div",{className:"".concat(v?"noh1":""," ").concat(S?"is-properties":""),children:r}),B.isReady&&!d&&(0,t.jsxs)(u,{fadeIn:!0,variant:"fixed",header:(0,t.jsx)(x.Z,{drawerOpen:N,onToggle:k,brand:(0,t.jsx)(j.Z,{children:"DB-UI Mono"}),primaryAction:(0,t.jsx)(p.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,t.jsx)(Z,{}),children:(0,t.jsx)(z,{})}),children:[_&&_.length>1&&(0,t.jsx)(f.Z,{spacing:"none",width:"large",children:(0,t.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==_?void 0:_.map(e=>{var n;return(0,t.jsxs)(c.Fragment,{children:["/"!==e.path&&(0,t.jsx)(m.Z,{icon:"chevron_right"}),(0,t.jsx)(a(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(n=e.path)&&void 0!==n?n:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,t.jsx)(f.Z,{spacing:"none",width:"large",children:r}),!l&&(null!=X?X:E)&&(0,t.jsxs)(f.Z,{width:"large",spacing:"small",className:"link-containers",children:[X&&(0,t.jsx)(a(),{className:"previous-link-container",href:null!==(n=X.path)&&void 0!==n?n:"/",children:(0,t.jsxs)(g.Z,{behaviour:"interactive",children:[(0,t.jsx)("small",{children:"Previous"}),(0,t.jsx)("span",{"data-icon":"arrow_left",children:X.label})]})}),E&&(0,t.jsx)(a(),{className:"next-link-container",href:null!==(s=E.path)&&void 0!==s?s:"/",children:(0,t.jsxs)(g.Z,{behaviour:"interactive",children:[(0,t.jsx)("small",{children:"Next"}),(0,t.jsx)("span",{"data-icon-after":"arrow_right",children:E.label})]})})]})]})]})};var E=l()(async()=>C,{ssr:!1})}},function(e){e.O(0,[6061,1954,2182,2811,2888,9774,179],function(){return e(e.s=16208)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/readme-30ab57c784ac1f17.js b/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/readme-30ab57c784ac1f17.js deleted file mode 100644 index 3cc2bd55ac0..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/chunks/pages/foundations/font-sizes/readme-30ab57c784ac1f17.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1996],{16208:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/font-sizes/readme",function(){return n(9210)}])},9210:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var s=n(52322),r=n(53148),i=n(45392);function c(e){let t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{id:"font-sizes",children:"Font-Sizes"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["You should use our provided ",(0,s.jsx)(t.strong,{children:"Font-Sizes"})," to change the size of text elements like ",(0,s.jsx)(t.code,{children:"

    "})," etc."]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.em,{children:"NOTE:"})})," Some sizes may stay the same because of screen-width or density."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-to-include-colors",children:"How to include colors"}),"\n",(0,s.jsxs)(t.p,{children:["For ",(0,s.jsx)(t.strong,{children:"CSS"})," and ",(0,s.jsx)(t.strong,{children:"Tailwind"})," you need to use the import ",(0,s.jsx)(t.code,{children:'@import "@db-ui/foundations/build/css/fonts/classes/all.css";'})," in your root ",(0,s.jsx)(t.code,{children:".css"})," file."]}),"\n",(0,s.jsxs)(t.p,{children:["For ",(0,s.jsx)(t.strong,{children:"SCSS"})," you can use the ",(0,s.jsx)(t.code,{children:".css"})," file, or you can use a placeholder by importing ",(0,s.jsx)(t.code,{children:"@use @db-ui/foundations/build/scss/fonts"})," in your ",(0,s.jsx)(t.code,{children:".scss"})," file, where you need to reference the specific font size.\nThen you can use e.g. ",(0,s.jsx)(t.code,{children:"sm"})," font-size by extending our SCSS placeholders like this: ",(0,s.jsx)(t.code,{children:"@extend %db-overwrite-font-size-sm"}),"."]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.em,{children:"NOTE:"})})," Make sure that you import the file after all other ",(0,s.jsx)(t.strong,{children:"foundation"})," css files, otherwise you should overwrite a specific ",(0,s.jsx)(t.code,{children:"font-size"})," with the global selector"]}),"\n"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-css",children:"/* Global selector */\n* {\n font-size: inherit;\n line-height: inherit;\n}\n"})}),"\n",(0,s.jsx)(t.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,s.jsxs)(t.p,{children:["We're providing an ",(0,s.jsx)(t.a,{href:"./overview",children:"overview for all possible font-sizes"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["There are several variants: ",(0,s.jsx)(t.code,{children:"3xl"}),", ",(0,s.jsx)(t.code,{children:"2xl"}),", ",(0,s.jsx)(t.code,{children:"xl"}),", ",(0,s.jsx)(t.code,{children:"lg"}),", ",(0,s.jsx)(t.code,{children:"md"}),", ",(0,s.jsx)(t.code,{children:"sm"}),", ",(0,s.jsx)(t.code,{children:"xs"}),", ",(0,s.jsx)(t.code,{children:"2xs"}),", ",(0,s.jsx)(t.code,{children:"3xs"}),"."]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.strong,{children:["We use ",(0,s.jsx)(t.code,{children:"XX"})," here you should replace it with a variant from above."]})}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Variant"}),(0,s.jsx)(t.th,{children:"CSS"}),(0,s.jsx)(t.th,{children:"SCSS"}),(0,s.jsx)(t.th,{children:"Tailwind"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"XX"})}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:'class="db-font-size-XX"'})}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"@extend %db-overwrite-font-size-XX"})}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:'class="db-font-size-XX"'})})]})})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}let o=e=>{let{children:t}=e;return(0,s.jsx)(r.Z,{children:t})};function l(e){return(0,s.jsx)(a,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(o,{...e,children:(0,s.jsx)(l,{...e})})}},53148:function(e,t,n){"use strict";n.d(t,{Z:function(){return T}});var s=n(52322),r=n(5632),i=n(25237),c=n.n(i),a=n(2784),o=n(61183),l=n(39097),d=n.n(l),h=n(43251);let u=(0,a.forwardRef)(function(e,t){let n=t||(0,a.useRef)(t),[r,i]=(0,a.useState)(()=>!1);return(0,a.useEffect)(()=>{document&&("hidden"===e.documentOverflow||"fixed"===e.variant&&"auto"!==e.documentOverflow)&&document.documentElement.classList.add("db-page-document")},[]),(0,a.useEffect)(()=>{i(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{i(!0)}):i(!0)},[]),(0,a.useEffect)(()=>()=>{document.documentElement.classList.contains("db-page-document")&&document.documentElement.classList.remove("db-page-document")},[]),(0,s.jsxs)("div",{ref:n,...(0,h.mS)(e,[]),id:e.id,className:(0,h.yI)("db-page",e.className),"data-variant":e.variant,"data-fade-in":e.fadeIn,"data-fonts-loaded":r,children:[(0,s.jsx)(s.Fragment,{children:e.header}),(0,s.jsx)("main",{className:"db-main",children:e.children}),(0,s.jsx)(s.Fragment,{children:e.footer})]})});var x=n(82664),j=n(98310),f=n(10326),p=n(55327),m=n(74819),g=n(70741),v=n(92811),b=n(33759),y=n(39120);let w=(e,t)=>{var n;return"/"===t.path?"/"===e:e.includes("".concat(t.path,"/"))||e===t.path||!!(null===(n=t.subNavigation)||void 0===n?void 0:n.find(t=>e.includes("".concat(t.path,"/"))))},S=e=>{var t;let{navItem:n}=e,i=w((0,r.useRouter)().pathname,n);return(0,s.jsx)(y.Z,{active:i,backButtonText:"Back to ".concat(n.label),subNavigation:n.subNavigation&&(0,s.jsx)(s.Fragment,{children:null==n?void 0:n.subNavigation.filter(e=>{let{isHiddenInMenu:t}=e;return!0!==t}).map(e=>(0,s.jsx)(S,{navItem:e},"router-path-".concat(e.path)))}),children:n.subNavigation?n.label:(0,s.jsx)(d(),{href:null!==(t=n.path)&&void 0!==t?t:"",children:n.label},"router-path-".concat(n.path))})};var N=()=>(0,s.jsx)(b.Z,{children:v.Z6.map(e=>(0,s.jsx)(S,{navItem:e},"router-path-".concat(e.path)))}),k=n(35368),q=n(79081);let Z=async e=>{try{let t=await fetch(e);return await t.json()}catch(e){console.error(e)}return[]},z="db-ui",E="mono";var _=()=>{let e=(0,r.useRouter)(),[t,n]=(0,a.useState)(),[i,c]=(0,a.useState)(),o=t=>{let n=e.basePath,s=t.find(e=>n.includes(e));s&&c(s)},l=(e,t)=>{let s=[],r=[],i=[],c=[],a=[],o=[];for(let e of t)e.startsWith("feat")||e.startsWith("feature")?r.push(e):e.startsWith("fix")||e.startsWith("bugfix")?i.push(e):e.startsWith("refactor")?c.push(e):/^\d*-/.test(e)?a.push(e):e.startsWith("docs")?o.push(e):s.push(e);n({others:s,features:r,docs:o,refactors:c,issues:a,bugfixes:i,versions:e})};(0,a.useEffect)(()=>{(async()=>{let e=await Z("https://api.github.com/repos/".concat(z,"/").concat(E,"/branches")),t=(await Z("https://api.github.com/repos/".concat(z,"/").concat(E,"/tags"))).map(e=>e.name),n=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));o(n),o(t),l(t,n)})().catch(e=>{console.error(e)})},[]);let d=t=>{let n=e.pathname,s=3===t.split(".").length&&t.startsWith("v");window.location.replace((0,k.sanitize)("https://".concat(z,".github.io/").concat(E).concat(s?"/version":"/review","/").concat(t).concat(n)))};return t?(0,s.jsx)(q.Z,{className:"version-switcher",label:"Version switcher",variant:"floating",value:i,onChange:e=>{d(e.target.value)},children:Object.entries(t).filter(e=>{let[t,n]=e;return(null==n?void 0:n.length)>0}).map(e=>{let[t,n]=e;return(0,s.jsx)("optgroup",{label:t,children:n.slice(0,15).map((e,n)=>(0,s.jsx)("option",{value:e,children:e},"".concat(t,"-").concat(e,"-").concat(n)))},t)})}):null};let X=e=>{var t,n;let{children:i,noNavigation:c}=e,[l,h]=(0,a.useState)(!1),[b,y]=(0,a.useState)(!1),[w,S]=(0,a.useState)(!1),[k,q]=(0,a.useState)(!1),[Z,z]=(0,a.useState)(),[E,X]=(0,a.useState)(),[T,F]=(0,a.useState)(),[I,W]=(0,a.useState)(),C=(0,r.useRouter)();return(0,a.useEffect)(()=>{o.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),o.Z.highlightAll()},[]),(0,a.useEffect)(()=>{if(C.query&&(C.query.fullscreen&&h("true"===C.query.fullscreen),C.query.page&&h(!0),C.query.noh1&&y("true"===C.query.noh1),C.query.properties&&S("true"===C.query.properties),C.query.current)){let t=Array.isArray(C.query.current)?C.query.current[0]:C.query.current;if(Z!==t){var e;z(t),null===(e=document.querySelector("#".concat(t)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}let t=C.asPath.split("?")[0],{previous:n,next:s}=(0,v.vn)(t);X(n),F(s),W((0,v.kn)(t))},[C]),(0,s.jsxs)(s.Fragment,{children:[C.isReady&&l&&(0,s.jsx)("div",{className:"".concat(b?"noh1":""," ").concat(w?"is-properties":""),children:i}),C.isReady&&!l&&(0,s.jsxs)(u,{fadeIn:!0,variant:"fixed",header:(0,s.jsx)(x.Z,{drawerOpen:k,onToggle:q,brand:(0,s.jsx)(j.Z,{children:"DB-UI Mono"}),primaryAction:(0,s.jsx)(f.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:(0,s.jsx)(_,{}),children:(0,s.jsx)(N,{})}),children:[I&&I.length>1&&(0,s.jsx)(p.Z,{spacing:"none",width:"large",children:(0,s.jsx)("div",{"data-density":"functional",className:"breadcrumb-container",children:null==I?void 0:I.map(e=>{var t;return(0,s.jsxs)(a.Fragment,{children:["/"!==e.path&&(0,s.jsx)(m.Z,{icon:"chevron_right"}),(0,s.jsx)(d(),{className:"db-button","data-variant":"ghost","data-icon":"/"===e.path?"house":"none","data-no-text":"/"===e.path,href:null!==(t=e.path)&&void 0!==t?t:"/",children:e.label})]},"breadcrumb-".concat(e.path))})})}),(0,s.jsx)(p.Z,{spacing:"none",width:"large",children:i}),!c&&(null!=E?E:T)&&(0,s.jsxs)(p.Z,{width:"large",spacing:"small",className:"link-containers",children:[E&&(0,s.jsx)(d(),{className:"previous-link-container",href:null!==(t=E.path)&&void 0!==t?t:"/",children:(0,s.jsxs)(g.Z,{behaviour:"interactive",children:[(0,s.jsx)("small",{children:"Previous"}),(0,s.jsx)("span",{"data-icon":"arrow_left",children:E.label})]})}),T&&(0,s.jsx)(d(),{className:"next-link-container",href:null!==(n=T.path)&&void 0!==n?n:"/",children:(0,s.jsxs)(g.Z,{behaviour:"interactive",children:[(0,s.jsx)("small",{children:"Next"}),(0,s.jsx)("span",{"data-icon-after":"arrow_right",children:T.label})]})})]})]})]})};var T=c()(async()=>X,{ssr:!1})}},function(e){e.O(0,[6061,1954,2182,2811,2888,9774,179],function(){return e(e.s=16208)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/css/1e2ca1b85ae374ad.css b/review/fix-2678-tag-default-html/_next/static/css/1e2ca1b85ae374ad.css new file mode 100644 index 00000000000..3a56e00a25d --- /dev/null +++ b/review/fix-2678-tag-default-html/_next/static/css/1e2ca1b85ae374ad.css @@ -0,0 +1 @@ +.db-badge[data-emphasis=strong],.db-badge[data-semantic=critical],.db-badge[data-semantic=critical][data-emphasis=strong],.db-badge[data-semantic=informational],.db-badge[data-semantic=informational][data-emphasis=strong],.db-badge[data-semantic=neutral],.db-badge[data-semantic=neutral][data-emphasis=strong],.db-badge[data-semantic=successful],.db-badge[data-semantic=successful][data-emphasis=strong],.db-badge[data-semantic=warning],.db-badge[data-semantic=warning][data-emphasis=strong],.db-blue-bg-lvl-1,.db-blue-bg-lvl-2,.db-blue-bg-lvl-3,.db-blue-bg-transparent-full,.db-blue-bg-transparent-semi,.db-blue-contrast-high,.db-blue-contrast-high-interactive,.db-blue-contrast-low,.db-blue-contrast-low-interactive,.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,.db-brand-contrast-high,.db-brand-contrast-high-interactive,.db-brand-contrast-low,.db-brand-contrast-low-interactive,.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-critical-contrast-high,.db-critical-contrast-high-interactive,.db-critical-contrast-low,.db-critical-contrast-low-interactive,.db-cyan-bg-lvl-1,.db-cyan-bg-lvl-2,.db-cyan-bg-lvl-3,.db-cyan-bg-transparent-full,.db-cyan-bg-transparent-semi,.db-cyan-contrast-high,.db-cyan-contrast-high-interactive,.db-cyan-contrast-low,.db-cyan-contrast-low-interactive,.db-green-bg-lvl-1,.db-green-bg-lvl-2,.db-green-bg-lvl-3,.db-green-bg-transparent-full,.db-green-bg-transparent-semi,.db-green-contrast-high,.db-green-contrast-high-interactive,.db-green-contrast-low,.db-green-contrast-low-interactive,.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-informational-contrast-high,.db-informational-contrast-high-interactive,.db-informational-contrast-low,.db-informational-contrast-low-interactive,.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,.db-neutral-contrast-low,.db-neutral-contrast-low-interactive,.db-orange-bg-lvl-1,.db-orange-bg-lvl-2,.db-orange-bg-lvl-3,.db-orange-bg-transparent-full,.db-orange-bg-transparent-semi,.db-orange-contrast-high,.db-orange-contrast-high-interactive,.db-orange-contrast-low,.db-orange-contrast-low-interactive,.db-pink-bg-lvl-1,.db-pink-bg-lvl-2,.db-pink-bg-lvl-3,.db-pink-bg-transparent-full,.db-pink-bg-transparent-semi,.db-pink-contrast-high,.db-pink-contrast-high-interactive,.db-pink-contrast-low,.db-pink-contrast-low-interactive,.db-red-bg-lvl-1,.db-red-bg-lvl-2,.db-red-bg-lvl-3,.db-red-bg-transparent-full,.db-red-bg-transparent-semi,.db-red-contrast-high,.db-red-contrast-high-interactive,.db-red-contrast-low,.db-red-contrast-low-interactive,.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-successful-contrast-high,.db-successful-contrast-high-interactive,.db-successful-contrast-low,.db-successful-contrast-low-interactive,.db-switch[data-emphasis=strong]>input,.db-switch[data-emphasis=strong]>input:checked,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],.db-turquoise-bg-lvl-1,.db-turquoise-bg-lvl-2,.db-turquoise-bg-lvl-3,.db-turquoise-bg-transparent-full,.db-turquoise-bg-transparent-semi,.db-turquoise-contrast-high,.db-turquoise-contrast-high-interactive,.db-turquoise-contrast-low,.db-turquoise-contrast-low-interactive,.db-violet-bg-lvl-1,.db-violet-bg-lvl-2,.db-violet-bg-lvl-3,.db-violet-bg-transparent-full,.db-violet-bg-transparent-semi,.db-violet-contrast-high,.db-violet-contrast-high-interactive,.db-violet-contrast-low,.db-violet-contrast-low-interactive,.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,.db-warning-contrast-high,.db-warning-contrast-high-interactive,.db-warning-contrast-low,.db-warning-contrast-low-interactive,.db-yellow-bg-lvl-1,.db-yellow-bg-lvl-2,.db-yellow-bg-lvl-3,.db-yellow-bg-transparent-full,.db-yellow-bg-transparent-semi,.db-yellow-contrast-high,.db-yellow-contrast-high-interactive,.db-yellow-contrast-low,.db-yellow-contrast-low-interactive,.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2,:root,[data-color=blue-bg-lvl-1],[data-color=blue-bg-lvl-2],[data-color=blue-bg-lvl-3],[data-color=blue-bg-transparent-full],[data-color=blue-bg-transparent-semi],[data-color=blue-contrast-high-interactive],[data-color=blue-contrast-high],[data-color=blue-contrast-low-interactive],[data-color=blue-contrast-low],[data-color=brand-bg-lvl-1],[data-color=brand-bg-lvl-2],[data-color=brand-bg-lvl-3],[data-color=brand-bg-transparent-full],[data-color=brand-bg-transparent-semi],[data-color=brand-contrast-high-interactive],[data-color=brand-contrast-high],[data-color=brand-contrast-low-interactive],[data-color=brand-contrast-low],[data-color=critical-bg-lvl-1],[data-color=critical-bg-lvl-2],[data-color=critical-bg-lvl-3],[data-color=critical-bg-transparent-full],[data-color=critical-bg-transparent-semi],[data-color=critical-contrast-high-interactive],[data-color=critical-contrast-high],[data-color=critical-contrast-low-interactive],[data-color=critical-contrast-low],[data-color=cyan-bg-lvl-1],[data-color=cyan-bg-lvl-2],[data-color=cyan-bg-lvl-3],[data-color=cyan-bg-transparent-full],[data-color=cyan-bg-transparent-semi],[data-color=cyan-contrast-high-interactive],[data-color=cyan-contrast-high],[data-color=cyan-contrast-low-interactive],[data-color=cyan-contrast-low],[data-color=green-bg-lvl-1],[data-color=green-bg-lvl-2],[data-color=green-bg-lvl-3],[data-color=green-bg-transparent-full],[data-color=green-bg-transparent-semi],[data-color=green-contrast-high-interactive],[data-color=green-contrast-high],[data-color=green-contrast-low-interactive],[data-color=green-contrast-low],[data-color=informational-bg-lvl-1],[data-color=informational-bg-lvl-2],[data-color=informational-bg-lvl-3],[data-color=informational-bg-transparent-full],[data-color=informational-bg-transparent-semi],[data-color=informational-contrast-high-interactive],[data-color=informational-contrast-high],[data-color=informational-contrast-low-interactive],[data-color=informational-contrast-low],[data-color=neutral-bg-lvl-1],[data-color=neutral-bg-lvl-2],[data-color=neutral-bg-lvl-3],[data-color=neutral-bg-transparent-full],[data-color=neutral-bg-transparent-semi],[data-color=neutral-contrast-high-interactive],[data-color=neutral-contrast-high],[data-color=neutral-contrast-low-interactive],[data-color=neutral-contrast-low],[data-color=orange-bg-lvl-1],[data-color=orange-bg-lvl-2],[data-color=orange-bg-lvl-3],[data-color=orange-bg-transparent-full],[data-color=orange-bg-transparent-semi],[data-color=orange-contrast-high-interactive],[data-color=orange-contrast-high],[data-color=orange-contrast-low-interactive],[data-color=orange-contrast-low],[data-color=pink-bg-lvl-1],[data-color=pink-bg-lvl-2],[data-color=pink-bg-lvl-3],[data-color=pink-bg-transparent-full],[data-color=pink-bg-transparent-semi],[data-color=pink-contrast-high-interactive],[data-color=pink-contrast-high],[data-color=pink-contrast-low-interactive],[data-color=pink-contrast-low],[data-color=red-bg-lvl-1],[data-color=red-bg-lvl-2],[data-color=red-bg-lvl-3],[data-color=red-bg-transparent-full],[data-color=red-bg-transparent-semi],[data-color=red-contrast-high-interactive],[data-color=red-contrast-high],[data-color=red-contrast-low-interactive],[data-color=red-contrast-low],[data-color=successful-bg-lvl-1],[data-color=successful-bg-lvl-2],[data-color=successful-bg-lvl-3],[data-color=successful-bg-transparent-full],[data-color=successful-bg-transparent-semi],[data-color=successful-contrast-high-interactive],[data-color=successful-contrast-high],[data-color=successful-contrast-low-interactive],[data-color=successful-contrast-low],[data-color=turquoise-bg-lvl-1],[data-color=turquoise-bg-lvl-2],[data-color=turquoise-bg-lvl-3],[data-color=turquoise-bg-transparent-full],[data-color=turquoise-bg-transparent-semi],[data-color=turquoise-contrast-high-interactive],[data-color=turquoise-contrast-high],[data-color=turquoise-contrast-low-interactive],[data-color=turquoise-contrast-low],[data-color=violet-bg-lvl-1],[data-color=violet-bg-lvl-2],[data-color=violet-bg-lvl-3],[data-color=violet-bg-transparent-full],[data-color=violet-bg-transparent-semi],[data-color=violet-contrast-high-interactive],[data-color=violet-contrast-high],[data-color=violet-contrast-low-interactive],[data-color=violet-contrast-low],[data-color=warning-bg-lvl-1],[data-color=warning-bg-lvl-2],[data-color=warning-bg-lvl-3],[data-color=warning-bg-transparent-full],[data-color=warning-bg-transparent-semi],[data-color=warning-contrast-high-interactive],[data-color=warning-contrast-high],[data-color=warning-contrast-low-interactive],[data-color=warning-contrast-low],[data-color=yellow-bg-lvl-1],[data-color=yellow-bg-lvl-2],[data-color=yellow-bg-lvl-3],[data-color=yellow-bg-transparent-full],[data-color=yellow-bg-transparent-semi],[data-color=yellow-contrast-high-interactive],[data-color=yellow-contrast-high],[data-color=yellow-contrast-low-interactive],[data-color=yellow-contrast-low],blockquote,code,pre:has(code),table th,table tr:nth-child(2n){background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-badge[data-emphasis=strong]:after,.db-badge[data-emphasis=strong]:before,.db-badge[data-semantic=critical]:after,.db-badge[data-semantic=critical]:before,.db-badge[data-semantic=critical][data-emphasis=strong]:after,.db-badge[data-semantic=critical][data-emphasis=strong]:before,.db-badge[data-semantic=informational]:after,.db-badge[data-semantic=informational]:before,.db-badge[data-semantic=informational][data-emphasis=strong]:after,.db-badge[data-semantic=informational][data-emphasis=strong]:before,.db-badge[data-semantic=neutral]:after,.db-badge[data-semantic=neutral]:before,.db-badge[data-semantic=neutral][data-emphasis=strong]:after,.db-badge[data-semantic=neutral][data-emphasis=strong]:before,.db-badge[data-semantic=successful]:after,.db-badge[data-semantic=successful]:before,.db-badge[data-semantic=successful][data-emphasis=strong]:after,.db-badge[data-semantic=successful][data-emphasis=strong]:before,.db-badge[data-semantic=warning]:after,.db-badge[data-semantic=warning]:before,.db-badge[data-semantic=warning][data-emphasis=strong]:after,.db-badge[data-semantic=warning][data-emphasis=strong]:before,.db-blue-bg-lvl-1:after,.db-blue-bg-lvl-1:before,.db-blue-bg-lvl-2:after,.db-blue-bg-lvl-2:before,.db-blue-bg-lvl-3:after,.db-blue-bg-lvl-3:before,.db-blue-bg-transparent-full:after,.db-blue-bg-transparent-full:before,.db-blue-bg-transparent-semi:after,.db-blue-bg-transparent-semi:before,.db-blue-contrast-high-interactive:after,.db-blue-contrast-high-interactive:before,.db-blue-contrast-high:after,.db-blue-contrast-high:before,.db-blue-contrast-low-interactive:after,.db-blue-contrast-low-interactive:before,.db-blue-contrast-low:after,.db-blue-contrast-low:before,.db-brand-bg-lvl-1:after,.db-brand-bg-lvl-1:before,.db-brand-bg-lvl-2:after,.db-brand-bg-lvl-2:before,.db-brand-bg-lvl-3:after,.db-brand-bg-lvl-3:before,.db-brand-bg-transparent-full:after,.db-brand-bg-transparent-full:before,.db-brand-bg-transparent-semi:after,.db-brand-bg-transparent-semi:before,.db-brand-contrast-high-interactive:after,.db-brand-contrast-high-interactive:before,.db-brand-contrast-high:after,.db-brand-contrast-high:before,.db-brand-contrast-low-interactive:after,.db-brand-contrast-low-interactive:before,.db-brand-contrast-low:after,.db-brand-contrast-low:before,.db-critical-bg-lvl-1:after,.db-critical-bg-lvl-1:before,.db-critical-bg-lvl-2:after,.db-critical-bg-lvl-2:before,.db-critical-bg-lvl-3:after,.db-critical-bg-lvl-3:before,.db-critical-bg-transparent-full:after,.db-critical-bg-transparent-full:before,.db-critical-bg-transparent-semi:after,.db-critical-bg-transparent-semi:before,.db-critical-contrast-high-interactive:after,.db-critical-contrast-high-interactive:before,.db-critical-contrast-high:after,.db-critical-contrast-high:before,.db-critical-contrast-low-interactive:after,.db-critical-contrast-low-interactive:before,.db-critical-contrast-low:after,.db-critical-contrast-low:before,.db-cyan-bg-lvl-1:after,.db-cyan-bg-lvl-1:before,.db-cyan-bg-lvl-2:after,.db-cyan-bg-lvl-2:before,.db-cyan-bg-lvl-3:after,.db-cyan-bg-lvl-3:before,.db-cyan-bg-transparent-full:after,.db-cyan-bg-transparent-full:before,.db-cyan-bg-transparent-semi:after,.db-cyan-bg-transparent-semi:before,.db-cyan-contrast-high-interactive:after,.db-cyan-contrast-high-interactive:before,.db-cyan-contrast-high:after,.db-cyan-contrast-high:before,.db-cyan-contrast-low-interactive:after,.db-cyan-contrast-low-interactive:before,.db-cyan-contrast-low:after,.db-cyan-contrast-low:before,.db-green-bg-lvl-1:after,.db-green-bg-lvl-1:before,.db-green-bg-lvl-2:after,.db-green-bg-lvl-2:before,.db-green-bg-lvl-3:after,.db-green-bg-lvl-3:before,.db-green-bg-transparent-full:after,.db-green-bg-transparent-full:before,.db-green-bg-transparent-semi:after,.db-green-bg-transparent-semi:before,.db-green-contrast-high-interactive:after,.db-green-contrast-high-interactive:before,.db-green-contrast-high:after,.db-green-contrast-high:before,.db-green-contrast-low-interactive:after,.db-green-contrast-low-interactive:before,.db-green-contrast-low:after,.db-green-contrast-low:before,.db-informational-bg-lvl-1:after,.db-informational-bg-lvl-1:before,.db-informational-bg-lvl-2:after,.db-informational-bg-lvl-2:before,.db-informational-bg-lvl-3:after,.db-informational-bg-lvl-3:before,.db-informational-bg-transparent-full:after,.db-informational-bg-transparent-full:before,.db-informational-bg-transparent-semi:after,.db-informational-bg-transparent-semi:before,.db-informational-contrast-high-interactive:after,.db-informational-contrast-high-interactive:before,.db-informational-contrast-high:after,.db-informational-contrast-high:before,.db-informational-contrast-low-interactive:after,.db-informational-contrast-low-interactive:before,.db-informational-contrast-low:after,.db-informational-contrast-low:before,.db-neutral-bg-lvl-1:after,.db-neutral-bg-lvl-1:before,.db-neutral-bg-lvl-2:after,.db-neutral-bg-lvl-2:before,.db-neutral-bg-lvl-3:after,.db-neutral-bg-lvl-3:before,.db-neutral-bg-transparent-full:after,.db-neutral-bg-transparent-full:before,.db-neutral-bg-transparent-semi:after,.db-neutral-bg-transparent-semi:before,.db-neutral-contrast-high-interactive:after,.db-neutral-contrast-high-interactive:before,.db-neutral-contrast-high:after,.db-neutral-contrast-high:before,.db-neutral-contrast-low-interactive:after,.db-neutral-contrast-low-interactive:before,.db-neutral-contrast-low:after,.db-neutral-contrast-low:before,.db-orange-bg-lvl-1:after,.db-orange-bg-lvl-1:before,.db-orange-bg-lvl-2:after,.db-orange-bg-lvl-2:before,.db-orange-bg-lvl-3:after,.db-orange-bg-lvl-3:before,.db-orange-bg-transparent-full:after,.db-orange-bg-transparent-full:before,.db-orange-bg-transparent-semi:after,.db-orange-bg-transparent-semi:before,.db-orange-contrast-high-interactive:after,.db-orange-contrast-high-interactive:before,.db-orange-contrast-high:after,.db-orange-contrast-high:before,.db-orange-contrast-low-interactive:after,.db-orange-contrast-low-interactive:before,.db-orange-contrast-low:after,.db-orange-contrast-low:before,.db-pink-bg-lvl-1:after,.db-pink-bg-lvl-1:before,.db-pink-bg-lvl-2:after,.db-pink-bg-lvl-2:before,.db-pink-bg-lvl-3:after,.db-pink-bg-lvl-3:before,.db-pink-bg-transparent-full:after,.db-pink-bg-transparent-full:before,.db-pink-bg-transparent-semi:after,.db-pink-bg-transparent-semi:before,.db-pink-contrast-high-interactive:after,.db-pink-contrast-high-interactive:before,.db-pink-contrast-high:after,.db-pink-contrast-high:before,.db-pink-contrast-low-interactive:after,.db-pink-contrast-low-interactive:before,.db-pink-contrast-low:after,.db-pink-contrast-low:before,.db-red-bg-lvl-1:after,.db-red-bg-lvl-1:before,.db-red-bg-lvl-2:after,.db-red-bg-lvl-2:before,.db-red-bg-lvl-3:after,.db-red-bg-lvl-3:before,.db-red-bg-transparent-full:after,.db-red-bg-transparent-full:before,.db-red-bg-transparent-semi:after,.db-red-bg-transparent-semi:before,.db-red-contrast-high-interactive:after,.db-red-contrast-high-interactive:before,.db-red-contrast-high:after,.db-red-contrast-high:before,.db-red-contrast-low-interactive:after,.db-red-contrast-low-interactive:before,.db-red-contrast-low:after,.db-red-contrast-low:before,.db-successful-bg-lvl-1:after,.db-successful-bg-lvl-1:before,.db-successful-bg-lvl-2:after,.db-successful-bg-lvl-2:before,.db-successful-bg-lvl-3:after,.db-successful-bg-lvl-3:before,.db-successful-bg-transparent-full:after,.db-successful-bg-transparent-full:before,.db-successful-bg-transparent-semi:after,.db-successful-bg-transparent-semi:before,.db-successful-contrast-high-interactive:after,.db-successful-contrast-high-interactive:before,.db-successful-contrast-high:after,.db-successful-contrast-high:before,.db-successful-contrast-low-interactive:after,.db-successful-contrast-low-interactive:before,.db-successful-contrast-low:after,.db-successful-contrast-low:before,.db-switch[data-emphasis=strong]>input:after,.db-switch[data-emphasis=strong]>input:before,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-emphasis=strong]>input:checked:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):before,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-turquoise-bg-lvl-1:after,.db-turquoise-bg-lvl-1:before,.db-turquoise-bg-lvl-2:after,.db-turquoise-bg-lvl-2:before,.db-turquoise-bg-lvl-3:after,.db-turquoise-bg-lvl-3:before,.db-turquoise-bg-transparent-full:after,.db-turquoise-bg-transparent-full:before,.db-turquoise-bg-transparent-semi:after,.db-turquoise-bg-transparent-semi:before,.db-turquoise-contrast-high-interactive:after,.db-turquoise-contrast-high-interactive:before,.db-turquoise-contrast-high:after,.db-turquoise-contrast-high:before,.db-turquoise-contrast-low-interactive:after,.db-turquoise-contrast-low-interactive:before,.db-turquoise-contrast-low:after,.db-turquoise-contrast-low:before,.db-violet-bg-lvl-1:after,.db-violet-bg-lvl-1:before,.db-violet-bg-lvl-2:after,.db-violet-bg-lvl-2:before,.db-violet-bg-lvl-3:after,.db-violet-bg-lvl-3:before,.db-violet-bg-transparent-full:after,.db-violet-bg-transparent-full:before,.db-violet-bg-transparent-semi:after,.db-violet-bg-transparent-semi:before,.db-violet-contrast-high-interactive:after,.db-violet-contrast-high-interactive:before,.db-violet-contrast-high:after,.db-violet-contrast-high:before,.db-violet-contrast-low-interactive:after,.db-violet-contrast-low-interactive:before,.db-violet-contrast-low:after,.db-violet-contrast-low:before,.db-warning-bg-lvl-1:after,.db-warning-bg-lvl-1:before,.db-warning-bg-lvl-2:after,.db-warning-bg-lvl-2:before,.db-warning-bg-lvl-3:after,.db-warning-bg-lvl-3:before,.db-warning-bg-transparent-full:after,.db-warning-bg-transparent-full:before,.db-warning-bg-transparent-semi:after,.db-warning-bg-transparent-semi:before,.db-warning-contrast-high-interactive:after,.db-warning-contrast-high-interactive:before,.db-warning-contrast-high:after,.db-warning-contrast-high:before,.db-warning-contrast-low-interactive:after,.db-warning-contrast-low-interactive:before,.db-warning-contrast-low:after,.db-warning-contrast-low:before,.db-yellow-bg-lvl-1:after,.db-yellow-bg-lvl-1:before,.db-yellow-bg-lvl-2:after,.db-yellow-bg-lvl-2:before,.db-yellow-bg-lvl-3:after,.db-yellow-bg-lvl-3:before,.db-yellow-bg-transparent-full:after,.db-yellow-bg-transparent-full:before,.db-yellow-bg-transparent-semi:after,.db-yellow-bg-transparent-semi:before,.db-yellow-contrast-high-interactive:after,.db-yellow-contrast-high-interactive:before,.db-yellow-contrast-high:after,.db-yellow-contrast-high:before,.db-yellow-contrast-low-interactive:after,.db-yellow-contrast-low-interactive:before,.db-yellow-contrast-low:after,.db-yellow-contrast-low:before,.example-container .example-item .example-sizing .sizing:after,.example-container .example-item .example-sizing .sizing:before,.example-container .example-item .example-spacing-fixed .gap1:after,.example-container .example-item .example-spacing-fixed .gap1:before,.example-container .example-item .example-spacing-fixed .gap2:after,.example-container .example-item .example-spacing-fixed .gap2:before,.example-container .example-item .example-spacing-responsive .margin1:after,.example-container .example-item .example-spacing-responsive .margin1:before,.example-container .example-item .example-spacing-responsive .margin2:after,.example-container .example-item .example-spacing-responsive .margin2:before,:root:after,:root:before,[data-color=blue-bg-lvl-1]:after,[data-color=blue-bg-lvl-1]:before,[data-color=blue-bg-lvl-2]:after,[data-color=blue-bg-lvl-2]:before,[data-color=blue-bg-lvl-3]:after,[data-color=blue-bg-lvl-3]:before,[data-color=blue-bg-transparent-full]:after,[data-color=blue-bg-transparent-full]:before,[data-color=blue-bg-transparent-semi]:after,[data-color=blue-bg-transparent-semi]:before,[data-color=blue-contrast-high-interactive]:after,[data-color=blue-contrast-high-interactive]:before,[data-color=blue-contrast-high]:after,[data-color=blue-contrast-high]:before,[data-color=blue-contrast-low-interactive]:after,[data-color=blue-contrast-low-interactive]:before,[data-color=blue-contrast-low]:after,[data-color=blue-contrast-low]:before,[data-color=brand-bg-lvl-1]:after,[data-color=brand-bg-lvl-1]:before,[data-color=brand-bg-lvl-2]:after,[data-color=brand-bg-lvl-2]:before,[data-color=brand-bg-lvl-3]:after,[data-color=brand-bg-lvl-3]:before,[data-color=brand-bg-transparent-full]:after,[data-color=brand-bg-transparent-full]:before,[data-color=brand-bg-transparent-semi]:after,[data-color=brand-bg-transparent-semi]:before,[data-color=brand-contrast-high-interactive]:after,[data-color=brand-contrast-high-interactive]:before,[data-color=brand-contrast-high]:after,[data-color=brand-contrast-high]:before,[data-color=brand-contrast-low-interactive]:after,[data-color=brand-contrast-low-interactive]:before,[data-color=brand-contrast-low]:after,[data-color=brand-contrast-low]:before,[data-color=critical-bg-lvl-1]:after,[data-color=critical-bg-lvl-1]:before,[data-color=critical-bg-lvl-2]:after,[data-color=critical-bg-lvl-2]:before,[data-color=critical-bg-lvl-3]:after,[data-color=critical-bg-lvl-3]:before,[data-color=critical-bg-transparent-full]:after,[data-color=critical-bg-transparent-full]:before,[data-color=critical-bg-transparent-semi]:after,[data-color=critical-bg-transparent-semi]:before,[data-color=critical-contrast-high-interactive]:after,[data-color=critical-contrast-high-interactive]:before,[data-color=critical-contrast-high]:after,[data-color=critical-contrast-high]:before,[data-color=critical-contrast-low-interactive]:after,[data-color=critical-contrast-low-interactive]:before,[data-color=critical-contrast-low]:after,[data-color=critical-contrast-low]:before,[data-color=cyan-bg-lvl-1]:after,[data-color=cyan-bg-lvl-1]:before,[data-color=cyan-bg-lvl-2]:after,[data-color=cyan-bg-lvl-2]:before,[data-color=cyan-bg-lvl-3]:after,[data-color=cyan-bg-lvl-3]:before,[data-color=cyan-bg-transparent-full]:after,[data-color=cyan-bg-transparent-full]:before,[data-color=cyan-bg-transparent-semi]:after,[data-color=cyan-bg-transparent-semi]:before,[data-color=cyan-contrast-high-interactive]:after,[data-color=cyan-contrast-high-interactive]:before,[data-color=cyan-contrast-high]:after,[data-color=cyan-contrast-high]:before,[data-color=cyan-contrast-low-interactive]:after,[data-color=cyan-contrast-low-interactive]:before,[data-color=cyan-contrast-low]:after,[data-color=cyan-contrast-low]:before,[data-color=green-bg-lvl-1]:after,[data-color=green-bg-lvl-1]:before,[data-color=green-bg-lvl-2]:after,[data-color=green-bg-lvl-2]:before,[data-color=green-bg-lvl-3]:after,[data-color=green-bg-lvl-3]:before,[data-color=green-bg-transparent-full]:after,[data-color=green-bg-transparent-full]:before,[data-color=green-bg-transparent-semi]:after,[data-color=green-bg-transparent-semi]:before,[data-color=green-contrast-high-interactive]:after,[data-color=green-contrast-high-interactive]:before,[data-color=green-contrast-high]:after,[data-color=green-contrast-high]:before,[data-color=green-contrast-low-interactive]:after,[data-color=green-contrast-low-interactive]:before,[data-color=green-contrast-low]:after,[data-color=green-contrast-low]:before,[data-color=informational-bg-lvl-1]:after,[data-color=informational-bg-lvl-1]:before,[data-color=informational-bg-lvl-2]:after,[data-color=informational-bg-lvl-2]:before,[data-color=informational-bg-lvl-3]:after,[data-color=informational-bg-lvl-3]:before,[data-color=informational-bg-transparent-full]:after,[data-color=informational-bg-transparent-full]:before,[data-color=informational-bg-transparent-semi]:after,[data-color=informational-bg-transparent-semi]:before,[data-color=informational-contrast-high-interactive]:after,[data-color=informational-contrast-high-interactive]:before,[data-color=informational-contrast-high]:after,[data-color=informational-contrast-high]:before,[data-color=informational-contrast-low-interactive]:after,[data-color=informational-contrast-low-interactive]:before,[data-color=informational-contrast-low]:after,[data-color=informational-contrast-low]:before,[data-color=neutral-bg-lvl-1]:after,[data-color=neutral-bg-lvl-1]:before,[data-color=neutral-bg-lvl-2]:after,[data-color=neutral-bg-lvl-2]:before,[data-color=neutral-bg-lvl-3]:after,[data-color=neutral-bg-lvl-3]:before,[data-color=neutral-bg-transparent-full]:after,[data-color=neutral-bg-transparent-full]:before,[data-color=neutral-bg-transparent-semi]:after,[data-color=neutral-bg-transparent-semi]:before,[data-color=neutral-contrast-high-interactive]:after,[data-color=neutral-contrast-high-interactive]:before,[data-color=neutral-contrast-high]:after,[data-color=neutral-contrast-high]:before,[data-color=neutral-contrast-low-interactive]:after,[data-color=neutral-contrast-low-interactive]:before,[data-color=neutral-contrast-low]:after,[data-color=neutral-contrast-low]:before,[data-color=orange-bg-lvl-1]:after,[data-color=orange-bg-lvl-1]:before,[data-color=orange-bg-lvl-2]:after,[data-color=orange-bg-lvl-2]:before,[data-color=orange-bg-lvl-3]:after,[data-color=orange-bg-lvl-3]:before,[data-color=orange-bg-transparent-full]:after,[data-color=orange-bg-transparent-full]:before,[data-color=orange-bg-transparent-semi]:after,[data-color=orange-bg-transparent-semi]:before,[data-color=orange-contrast-high-interactive]:after,[data-color=orange-contrast-high-interactive]:before,[data-color=orange-contrast-high]:after,[data-color=orange-contrast-high]:before,[data-color=orange-contrast-low-interactive]:after,[data-color=orange-contrast-low-interactive]:before,[data-color=orange-contrast-low]:after,[data-color=orange-contrast-low]:before,[data-color=pink-bg-lvl-1]:after,[data-color=pink-bg-lvl-1]:before,[data-color=pink-bg-lvl-2]:after,[data-color=pink-bg-lvl-2]:before,[data-color=pink-bg-lvl-3]:after,[data-color=pink-bg-lvl-3]:before,[data-color=pink-bg-transparent-full]:after,[data-color=pink-bg-transparent-full]:before,[data-color=pink-bg-transparent-semi]:after,[data-color=pink-bg-transparent-semi]:before,[data-color=pink-contrast-high-interactive]:after,[data-color=pink-contrast-high-interactive]:before,[data-color=pink-contrast-high]:after,[data-color=pink-contrast-high]:before,[data-color=pink-contrast-low-interactive]:after,[data-color=pink-contrast-low-interactive]:before,[data-color=pink-contrast-low]:after,[data-color=pink-contrast-low]:before,[data-color=red-bg-lvl-1]:after,[data-color=red-bg-lvl-1]:before,[data-color=red-bg-lvl-2]:after,[data-color=red-bg-lvl-2]:before,[data-color=red-bg-lvl-3]:after,[data-color=red-bg-lvl-3]:before,[data-color=red-bg-transparent-full]:after,[data-color=red-bg-transparent-full]:before,[data-color=red-bg-transparent-semi]:after,[data-color=red-bg-transparent-semi]:before,[data-color=red-contrast-high-interactive]:after,[data-color=red-contrast-high-interactive]:before,[data-color=red-contrast-high]:after,[data-color=red-contrast-high]:before,[data-color=red-contrast-low-interactive]:after,[data-color=red-contrast-low-interactive]:before,[data-color=red-contrast-low]:after,[data-color=red-contrast-low]:before,[data-color=successful-bg-lvl-1]:after,[data-color=successful-bg-lvl-1]:before,[data-color=successful-bg-lvl-2]:after,[data-color=successful-bg-lvl-2]:before,[data-color=successful-bg-lvl-3]:after,[data-color=successful-bg-lvl-3]:before,[data-color=successful-bg-transparent-full]:after,[data-color=successful-bg-transparent-full]:before,[data-color=successful-bg-transparent-semi]:after,[data-color=successful-bg-transparent-semi]:before,[data-color=successful-contrast-high-interactive]:after,[data-color=successful-contrast-high-interactive]:before,[data-color=successful-contrast-high]:after,[data-color=successful-contrast-high]:before,[data-color=successful-contrast-low-interactive]:after,[data-color=successful-contrast-low-interactive]:before,[data-color=successful-contrast-low]:after,[data-color=successful-contrast-low]:before,[data-color=turquoise-bg-lvl-1]:after,[data-color=turquoise-bg-lvl-1]:before,[data-color=turquoise-bg-lvl-2]:after,[data-color=turquoise-bg-lvl-2]:before,[data-color=turquoise-bg-lvl-3]:after,[data-color=turquoise-bg-lvl-3]:before,[data-color=turquoise-bg-transparent-full]:after,[data-color=turquoise-bg-transparent-full]:before,[data-color=turquoise-bg-transparent-semi]:after,[data-color=turquoise-bg-transparent-semi]:before,[data-color=turquoise-contrast-high-interactive]:after,[data-color=turquoise-contrast-high-interactive]:before,[data-color=turquoise-contrast-high]:after,[data-color=turquoise-contrast-high]:before,[data-color=turquoise-contrast-low-interactive]:after,[data-color=turquoise-contrast-low-interactive]:before,[data-color=turquoise-contrast-low]:after,[data-color=turquoise-contrast-low]:before,[data-color=violet-bg-lvl-1]:after,[data-color=violet-bg-lvl-1]:before,[data-color=violet-bg-lvl-2]:after,[data-color=violet-bg-lvl-2]:before,[data-color=violet-bg-lvl-3]:after,[data-color=violet-bg-lvl-3]:before,[data-color=violet-bg-transparent-full]:after,[data-color=violet-bg-transparent-full]:before,[data-color=violet-bg-transparent-semi]:after,[data-color=violet-bg-transparent-semi]:before,[data-color=violet-contrast-high-interactive]:after,[data-color=violet-contrast-high-interactive]:before,[data-color=violet-contrast-high]:after,[data-color=violet-contrast-high]:before,[data-color=violet-contrast-low-interactive]:after,[data-color=violet-contrast-low-interactive]:before,[data-color=violet-contrast-low]:after,[data-color=violet-contrast-low]:before,[data-color=warning-bg-lvl-1]:after,[data-color=warning-bg-lvl-1]:before,[data-color=warning-bg-lvl-2]:after,[data-color=warning-bg-lvl-2]:before,[data-color=warning-bg-lvl-3]:after,[data-color=warning-bg-lvl-3]:before,[data-color=warning-bg-transparent-full]:after,[data-color=warning-bg-transparent-full]:before,[data-color=warning-bg-transparent-semi]:after,[data-color=warning-bg-transparent-semi]:before,[data-color=warning-contrast-high-interactive]:after,[data-color=warning-contrast-high-interactive]:before,[data-color=warning-contrast-high]:after,[data-color=warning-contrast-high]:before,[data-color=warning-contrast-low-interactive]:after,[data-color=warning-contrast-low-interactive]:before,[data-color=warning-contrast-low]:after,[data-color=warning-contrast-low]:before,[data-color=yellow-bg-lvl-1]:after,[data-color=yellow-bg-lvl-1]:before,[data-color=yellow-bg-lvl-2]:after,[data-color=yellow-bg-lvl-2]:before,[data-color=yellow-bg-lvl-3]:after,[data-color=yellow-bg-lvl-3]:before,[data-color=yellow-bg-transparent-full]:after,[data-color=yellow-bg-transparent-full]:before,[data-color=yellow-bg-transparent-semi]:after,[data-color=yellow-bg-transparent-semi]:before,[data-color=yellow-contrast-high-interactive]:after,[data-color=yellow-contrast-high-interactive]:before,[data-color=yellow-contrast-high]:after,[data-color=yellow-contrast-high]:before,[data-color=yellow-contrast-low-interactive]:after,[data-color=yellow-contrast-low-interactive]:before,[data-color=yellow-contrast-low]:after,[data-color=yellow-contrast-low]:before,blockquote:after,blockquote:before,code:after,code:before,pre:has(code):after,pre:has(code):before,table th:after,table th:before,table tr:nth-child(2n):after,table tr:nth-child(2n):before{color:var(--db-current-icon-color,inherit)}.db-badge[data-semantic=neutral][data-emphasis=strong],.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],[data-color=neutral-contrast-high-interactive],[data-color=neutral-contrast-high],code,pre:has(code){--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-high-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var( --db-neutral-contrast-high-enabled )}.db-badge[data-semantic=neutral],.db-container-color-neutral,.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-notification[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root,[data-color=neutral-bg-lvl-1],[data-color=neutral-bg-lvl-2],[data-color=neutral-bg-lvl-3],[data-color=neutral-bg-transparent-full],[data-color=neutral-bg-transparent-semi],[data-container-color=neutral],blockquote,table th,table tr:nth-child(2n){--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-neutral-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-neutral-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=neutral],[data-emphasis=weak].db-neutral-bg-lvl-1,[data-emphasis=weak].db-neutral-bg-lvl-2,[data-emphasis=weak].db-neutral-bg-lvl-3,[data-emphasis=weak].db-neutral-bg-transparent-full,[data-emphasis=weak].db-neutral-bg-transparent-semi,[data-emphasis=weak].db-tag[data-semantic=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,[data-emphasis=weak][data-color=neutral-bg-lvl-1],[data-emphasis=weak][data-color=neutral-bg-lvl-2],[data-emphasis=weak][data-color=neutral-bg-lvl-3],[data-emphasis=weak][data-color=neutral-bg-transparent-full],[data-emphasis=weak][data-color=neutral-bg-transparent-semi],blockquote[data-emphasis=weak],table th[data-emphasis=weak],table tr[data-emphasis=weak]:nth-child(2n){--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=neutral],.db-neutral-bg-lvl-1,.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root,[data-color=neutral-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-neutral-bg-transparent-semi,[data-color=neutral-bg-transparent-semi],blockquote,table th,table tr:nth-child(2n){--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-badge[data-semantic=critical][data-emphasis=strong],.db-critical-contrast-high,.db-critical-contrast-high-interactive,.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong],[data-color=critical-contrast-high-interactive],[data-color=critical-contrast-high]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-high-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var( --db-critical-contrast-high-enabled )}.db-critical-contrast-low,.db-critical-contrast-low-interactive,.db-switch[data-emphasis=strong]>input,[data-color=critical-contrast-low-interactive],[data-color=critical-contrast-low]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-low-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-low-pressed );--db-current-color-border:var( --db-critical-contrast-low-enabled )}.db-badge[data-semantic=critical],.db-container-color-critical,.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid),.db-input:has(input[data-custom-validity=invalid]),.db-notification[data-semantic=critical],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid),.db-select:has(select[data-custom-validity=invalid]),.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],[data-color=critical-bg-lvl-1],[data-color=critical-bg-lvl-2],[data-color=critical-bg-lvl-3],[data-color=critical-bg-transparent-full],[data-color=critical-bg-transparent-semi],[data-container-color=critical]{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-critical-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-critical-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-critical-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-critical-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=critical],[data-emphasis=weak].db-critical-bg-lvl-1,[data-emphasis=weak].db-critical-bg-lvl-2,[data-emphasis=weak].db-critical-bg-lvl-3,[data-emphasis=weak].db-critical-bg-transparent-full,[data-emphasis=weak].db-critical-bg-transparent-semi,[data-emphasis=weak].db-tag[data-semantic=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color=critical-bg-lvl-1],[data-emphasis=weak][data-color=critical-bg-lvl-2],[data-emphasis=weak][data-color=critical-bg-lvl-3],[data-emphasis=weak][data-color=critical-bg-transparent-full],[data-emphasis=weak][data-color=critical-bg-transparent-semi]{--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=critical],.db-critical-bg-lvl-1,.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],[data-color=critical-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=successful][data-emphasis=strong],.db-successful-contrast-high,.db-successful-contrast-high-interactive,.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2,[data-color=successful-contrast-high-interactive],[data-color=successful-contrast-high]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-high-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var( --db-successful-contrast-high-enabled )}.db-successful-contrast-low,.db-successful-contrast-low-interactive,.db-switch[data-emphasis=strong]>input:checked,[data-color=successful-contrast-low-interactive],[data-color=successful-contrast-low]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-low-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-low-pressed );--db-current-color-border:var( --db-successful-contrast-low-enabled )}.db-badge[data-semantic=successful],.db-container-color-successful,.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid),.db-input:has(input[data-custom-validity=valid]),.db-notification[data-semantic=successful],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid),.db-select:has(select[data-custom-validity=valid]),.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],[data-color=successful-bg-lvl-1],[data-color=successful-bg-lvl-2],[data-color=successful-bg-lvl-3],[data-color=successful-bg-transparent-full],[data-color=successful-bg-transparent-semi],[data-container-color=successful]{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-successful-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-successful-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-successful-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-successful-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=successful],[data-emphasis=weak].db-successful-bg-lvl-1,[data-emphasis=weak].db-successful-bg-lvl-2,[data-emphasis=weak].db-successful-bg-lvl-3,[data-emphasis=weak].db-successful-bg-transparent-full,[data-emphasis=weak].db-successful-bg-transparent-semi,[data-emphasis=weak].db-tag[data-semantic=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color=successful-bg-lvl-1],[data-emphasis=weak][data-color=successful-bg-lvl-2],[data-emphasis=weak][data-color=successful-bg-lvl-3],[data-emphasis=weak][data-color=successful-bg-transparent-full],[data-emphasis=weak][data-color=successful-bg-transparent-semi]{--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=successful],.db-successful-bg-lvl-1,.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],[data-color=successful-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],.db-warning-contrast-high,.db-warning-contrast-high-interactive,.example-container .example-item .example-sizing .sizing,[data-color=warning-contrast-high-interactive],[data-color=warning-contrast-high]{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-high-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var( --db-warning-contrast-high-enabled )}.db-badge[data-semantic=warning],.db-container-color-warning,.db-notification[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,[data-color=warning-bg-lvl-1],[data-color=warning-bg-lvl-2],[data-color=warning-bg-lvl-3],[data-color=warning-bg-transparent-full],[data-color=warning-bg-transparent-semi],[data-container-color=warning]{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-warning-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-warning-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-warning-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-warning-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=warning],[data-emphasis=weak].db-tag[data-semantic=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak].db-warning-bg-lvl-1,[data-emphasis=weak].db-warning-bg-lvl-2,[data-emphasis=weak].db-warning-bg-lvl-3,[data-emphasis=weak].db-warning-bg-transparent-full,[data-emphasis=weak].db-warning-bg-transparent-semi,[data-emphasis=weak][data-color=warning-bg-lvl-1],[data-emphasis=weak][data-color=warning-bg-lvl-2],[data-emphasis=weak][data-color=warning-bg-lvl-3],[data-emphasis=weak][data-color=warning-bg-transparent-full],[data-emphasis=weak][data-color=warning-bg-transparent-semi]{--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-warning-bg-lvl-1,[data-color=warning-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=informational][data-emphasis=strong],.db-informational-contrast-high,.db-informational-contrast-high-interactive,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong],[data-color=informational-contrast-high-interactive],[data-color=informational-contrast-high]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-high-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var( --db-informational-contrast-high-enabled )}.db-badge[data-semantic=informational],.db-container-color-informational,.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-notification[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],[data-color=informational-bg-lvl-1],[data-color=informational-bg-lvl-2],[data-color=informational-bg-lvl-3],[data-color=informational-bg-transparent-full],[data-color=informational-bg-transparent-semi],[data-container-color=informational]{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-informational-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-informational-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-informational-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-informational-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=informational],[data-emphasis=weak].db-informational-bg-lvl-1,[data-emphasis=weak].db-informational-bg-lvl-2,[data-emphasis=weak].db-informational-bg-lvl-3,[data-emphasis=weak].db-informational-bg-transparent-full,[data-emphasis=weak].db-informational-bg-transparent-semi,[data-emphasis=weak].db-tag[data-semantic=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color=informational-bg-lvl-1],[data-emphasis=weak][data-color=informational-bg-lvl-2],[data-emphasis=weak][data-color=informational-bg-lvl-3],[data-emphasis=weak][data-color=informational-bg-transparent-full],[data-emphasis=weak][data-color=informational-bg-transparent-semi]{--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=informational],.db-informational-bg-lvl-1,.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],[data-color=informational-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-input[data-variant=hidden] label,.db-select[data-variant=hidden] label,.db-textarea[data-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}.db-focus-default,.db-tab-item input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible,[data-focus=default]{outline:var(--db-border-height-2xs) solid var(--db-informational-contrast-high-enabled);outline-offset:var(--db-border-height-xs);transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}.db-focus-default:not([type=radio],[role=switch]),.db-tab-item input:not([type=radio],[role=switch]):focus-visible:before,:not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible,[data-focus=default]:not([type=radio],[role=switch]){border-radius:var(--db-border-radius-xs)}@media(prefers-reduced-motion:reduce){.db-focus-default,.db-tab-item input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible,[data-focus=default]{transition-duration:.01s!important}}.db-density-expressive,.db-density-functional,.db-density-regular,:root,[data-density=expressive],[data-density=functional],[data-density=regular]{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-accordion-item summary,.db-brand,.db-button,.db-checkbox,.db-density-expressive,.db-density-functional,.db-density-regular,.db-font-size-md,.db-header-meta-navigation,.db-input input,.db-input[data-variant=floating] label,.db-link,.db-navigation-item,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-notification a[data-size=small],.db-notification p,.db-radio,.db-select [id$=-placeholder],.db-select select,.db-select[data-variant=floating] label,.db-switch,.db-tab-list,.db-textarea textarea,.db-textarea[data-variant=floating] label,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=expressive],[data-density=functional],[data-density=regular],[data-font-size=md],table{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-checkbox[data-size=small],.db-font-size-sm,.db-infotext,.db-input,.db-input[data-variant=floating] [id$=-placeholder],.db-input[data-variant=floating] input,.db-link[data-size=small],.db-notification span,.db-radio[data-size=small],.db-select,.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select,.db-switch>input,.db-switch[data-size=small],.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea,.db-tooltip,[data-font-size=sm],code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs,.db-infotext[data-size=small],.db-input label,.db-select label,.db-switch[data-size=small]>input,.db-textarea label,[data-font-size=xs]{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-font-size-2xs,.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label,[data-font-size="2xs"]{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-density-expressive,[data-density=expressive]{--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-desktop-headline-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-desktop-headline-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-desktop-headline-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:300;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-medium.c023f5c3.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-semibold.8a157062.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreenhead-regular.c08dcf80.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}.db-interactive-elevation,[data-interactive=elevation]{cursor:pointer;transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);box-shadow:var(--db-elevation-md)}.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]):is(textarea),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;box-shadow:var(--db-elevation-sm)}.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]):is(input),.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]):is(textarea),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}:is(h1,h2,h3,h4,h5,h6){font-family:var(--db-font-family-head);font-weight:700}:is(h1,h2,h3,h4,h5,h6)[data-variant=light]{font-weight:300}:is(h1,h2,h3,h4,h5,h6)[data-variant=regular]{font-weight:400}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-xl );--db-icon-font-weight:var( --db-base-headline-icon-weight-xl )}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h2:after,h2:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-lg );--db-icon-font-weight:var( --db-base-headline-icon-weight-lg )}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h3:after,h3:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-md );--db-icon-font-weight:var( --db-base-headline-icon-weight-md )}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h4:after,h4:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-sm );--db-icon-font-weight:var( --db-base-headline-icon-weight-sm )}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h5:after,h5:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-xs );--db-icon-font-weight:var( --db-base-headline-icon-weight-xs )}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}h6:after,h6:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-2xs );--db-icon-font-weight:var( --db-base-headline-icon-weight-2xs )}p{margin-block:var(--db-spacing-fixed-md)}[data-font=digital]{font-weight:300}[data-font=regular]{font-weight:400}[data-font=medium]{font-weight:500}[data-font=semibold]{font-weight:600}[data-font=bold],strong{font-weight:700}:where(html){line-height:1.15;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit;font-family:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){-webkit-padding-start:var(--db-spacing-fixed-md);padding-inline-start:var(--db-spacing-fixed-md);list-style-type:"• "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-extra-fast),background-color var(--db-transition-straight-emotional);transition:outline var(--db-transition-duration-extra-fast),background-color var(--db-transition-straight-emotional)}.db-link,.db-notification a{transition:outline var(--db-transition-duration-extra-fast),color var(--db-transition-straight-emotional)}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));-webkit-alt:"";alt:"";color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@supports(content:""/""){.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border:var(--db-border-height-3xs) solid var(--db-current-color-enabled)}.db-button[data-variant=brand],.db-button[data-variant=filled],.db-button[data-variant=ghost],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-3xs) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-badge,.db-card,.db-input input,.db-notification,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-3xs) solid var(--db-current-color-border)}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-xs)}.db-card,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-sm))}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{color:var(--db-current-color-enabled);block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-no-text=true]{font-size:0!important;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-no-text=true]:before{--db-icon-margin-end:0;margin:auto}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not([data-no-text=true]){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not([data-no-text=true]):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small][data-no-text=true]{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=brand]{--db-current-icon-color:var(--db-brand-on-enabled);background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-brand-origin-hover)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:not([data-variant]),.db-button[data-variant=ghost],.db-button[data-variant=outlined]{background-color:var(--db-current-color-bg-transparent-full-enabled)}.db-button[data-variant=filled]{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-button:disabled{opacity:.4}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-navigation>menu .db-navigation-item:after,.db-tabs .db-tab-item:after{content:"";position:absolute;border-radius:var(--db-border-radius-xs);transition:height var(--db-transition-duration-fast) var(--db-transition-timing-emotional),width var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}.db-navigation>menu .db-navigation-item:after{block-size:0;inline-size:var(--db-border-height-xs);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:after{block-size:var(--db-border-height-xs);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}}.db-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-xs)}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-xs);inline-size:100%}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"chevron_down";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-straight-emotional);pointer-events:none}.db-checkbox .db-infotext,.db-input .db-infotext,.db-select .db-infotext,.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-checkbox .db-infotext:is([data-semantic],:empty),.db-input .db-infotext:is([data-semantic],:empty),.db-select .db-infotext:is([data-semantic],:empty),.db-textarea .db-infotext:is([data-semantic],:empty){display:none}.db-tab-item{position:relative;display:inline-flex;list-style-type:none;border-radius:var(--db-border-radius-sm)}.db-tab-item:has(input:disabled){opacity:.4}.db-tab-item label{background-color:var(--db-current-color-bg-transparent-full-enabled);padding:var(--db-spacing-fixed-xs);align-items:center;display:inline-block;white-space:nowrap;border:none;border-radius:var(--db-border-radius-sm);overflow:hidden;text-overflow:ellipsis}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(:not(input:disabled)){background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(input:disabled){cursor:auto}.db-tab-item label:has(input:checked){font-weight:700}.db-tab-item label[data-icon]{-webkit-padding-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab-item label[data-icon]:before{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(0% + var(--db-spacing-fixed-xs))}.db-tab-item label[data-icon-after]{-webkit-padding-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab-item label[data-icon-after]:after{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-end:calc(0% + var(--db-spacing-fixed-xs))}.db-tab-item label[data-no-text=true]{font-size:0!important;padding:0;inline-size:calc(calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height))) - var(--db-spacing-fixed-2xs));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-xs))}.db-tab-item label[data-no-text=true]:before{--db-icon-margin-end:0;-webkit-margin-end:0;margin-inline-end:0}.db-tab-item input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;-webkit-margin-end:initial;margin-inline-end:0;inset:0;background:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-sm);z-index:-1}.db-tab-item input:focus-visible:is(input[type=radio]){outline:none;box-shadow:none}.db-tab-item input:focus-visible:before{content:"";position:absolute;inset:0;border-radius:var(--db-border-radius-sm);z-index:10;pointer-events:none}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-color-border);position:relative;block-size:var(--db-border-height-3xs);inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-color-border);position:relative;block-size:100%;inline-size:var(--db-border-height-3xs)}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-card:not([data-spacing]),.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-card[data-spacing=none]{padding:0}.db-card:not([data-elevation-level]),.db-card[data-elevation-level="1"]{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-hover)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-pressed)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"]{background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-2-hover)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-2-pressed)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"]{background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-hover)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-pressed)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column}.db-input[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-variant=floating]:after,.db-input[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input+[id$=-placeholder],.db-input[data-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=valid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=valid]) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=invalid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=invalid]) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input input{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:.4}.db-input input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input input:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input input:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-variant=hidden] label{padding:0}.db-input:has(input:disabled){opacity:.4;pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"magnifying_glass";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cross_circle";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=search]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=time]):after{--db-icon-after:"clock";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=time]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + var(--db-border-height-3xs))}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand{display:flex;gap:var(--db-spacing-fixed-sm);align-items:center;font-weight:700}.db-brand:before{--db-icon-font-size:var(--db-sizing-md);--db-icon-margin-end:0;--db-current-icon-color:var(--db-brand-origin-enabled)}.db-brand img{inline-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs));max-block-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs))}.db-brand a,a:has(.db-brand){text-decoration:none}.db-header{background-color:var(--db-current-color-bg-lvl-1-enabled);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem);-webkit-border-after:var(--db-border-height-3xs) solid var(--db-current-color-border);border-block-end:var(--db-border-height-3xs) solid var(--db-current-color-border)}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header[data-width=medium]{margin-inline:auto;max-inline-size:64em}.db-header[data-width=large]{margin-inline:auto;max-inline-size:90em}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header:has(.db-brand:empty) .db-header-navigation-container:before,.db-header:has(.db-header-navigation:empty) .db-header-navigation-container:before{display:none}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:100%;align-items:center}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md) var(--db-spacing-fixed-lg)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;background-color:var(--db-current-color-bg-lvl-2-enabled);padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-lg);margin:0;gap:var(--db-spacing-fixed-md);flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):before,.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:before,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;align-items:center;block-size:100%}@media screen and (min-width:64em){.db-header-navigation-container:not([data-force-mobile]),.db-header-navigation-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-navigation-container:not([data-force-mobile])[data-emphasis=strong],.db-header-navigation-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-navigation-container:not([data-force-mobile]):before,.db-header-navigation-container[data-force-mobile=false]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;-webkit-margin-start:var(--db-spacing-fixed-lg);margin-inline-start:var(--db-spacing-fixed-lg)}}.db-header-primary-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-secondary-action:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-secondary-action:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}.db-header-action-container{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{margin-inline:var(--db-spacing-fixed-xs);position:inherit;block-size:100%}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-secondary-action{--db-divider-bg-color:var(--db-current-color-border);position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-secondary-action[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-secondary-action:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-secondary-action:not([data-force-mobile]):before,.db-header-secondary-action[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{margin-inline:var(--db-spacing-fixed-lg)}}.db-header-navigation,.db-header-secondary-action{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false],.db-header-secondary-action:not([data-force-mobile]),.db-header-secondary-action[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.db-header-action-container>.db-header-secondary-action,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-secondary-action:not([data-force-mobile]),.db-header-action-container>.db-header-secondary-action[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}.db-page-document{block-size:100%;overflow:hidden}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-straight-emotional)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page[data-variant=fixed]{block-size:100%;min-block-size:100%;display:flex;flex-direction:column}.db-page[data-variant=fixed]>:is(.db-header,.db-footer,header,footer){display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page[data-variant=fixed]>:is(db-header,dbheader,dbfooter,db-footer)>:is(.db-header,.db-footer,header,footer){display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page[data-variant=fixed]>.db-main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a,.db-notification a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link,.db-notification a,.db-notification a[data-variant=brand]{color:var(--db-current-color-enabled)}.db-link:hover:not(:disabled):not([aria-disabled=true]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:color-mix(in srgb,transparent 25%,var(--db-current-color-enabled))}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link:active:not(:disabled):not([aria-disabled=true]),.db-notification a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:color-mix(in srgb,transparent 50%,var(--db-current-color-enabled))}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link,.db-notification a{inline-size:-moz-fit-content;inline-size:fit-content;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:focus-visible,.db-notification a:focus-visible{border-radius:var(--db-border-radius-xs)}.db-notification a[aria-disabled=true],[aria-disabled=true].db-link{opacity:.4;pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link:not([data-variant=inline])[data-content=internal]:after{vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"arrow_up_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-link:not([data-variant=inline])[data-content=external]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=brand]{--db-current-color-enabled:var(--db-brand-contrast-high-enabled);--db-current-icon-color:var(--db-brand-contrast-high-enabled);color:var(--db-current-color-enabled)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-hover)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-pressed)}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-width=full]{padding-inline:0}.db-section[data-spacing=none]{padding-block:0}.db-section[data-spacing=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-spacing=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-spacing=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-width=full]{max-inline-size:none}.db-section>div[data-width=medium]{max-inline-size:64em}.db-section>div[data-width=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-filled"}.db-infotext:not([data-icon]):before{--db-icon:"information_circle";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext:not([data-semantic]),.db-infotext[data-semantic=adaptive]{color:var(--db-current-color-contrast-high-enabled)}.db-infotext:not([data-semantic]):before,.db-infotext[data-semantic=adaptive]:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-infotext[data-semantic=neutral]{color:var(--db-neutral-contrast-high-enabled)}.db-infotext[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=neutral]:before{--db-current-icon-color:var( --db-neutral-contrast-low-enabled )}.db-infotext[data-semantic=critical]{color:var(--db-critical-contrast-high-enabled)}.db-infotext[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-infotext[data-semantic=critical]:before{--db-current-icon-color:var( --db-critical-contrast-low-enabled )}.db-infotext[data-semantic=successful]{color:var(--db-successful-contrast-high-enabled)}.db-infotext[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-semantic=successful]:before{--db-current-icon-color:var( --db-successful-contrast-low-enabled )}.db-infotext[data-semantic=warning]{color:var(--db-warning-contrast-high-enabled)}.db-infotext[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-infotext[data-semantic=warning]:before{--db-current-icon-color:var( --db-warning-contrast-low-enabled )}.db-infotext[data-semantic=informational]{color:var(--db-informational-contrast-high-enabled)}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]:before{--db-current-icon-color:var( --db-informational-contrast-low-enabled )}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification[data-variant=overlay] a{display:none}.db-notification[data-variant=overlay]:has(span){grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span):has(.db-button){grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification[data-variant=overlay]:has(span):has(header){grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification[data-variant=overlay]:has(span):has(header):has(.db-button){grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content content"}.db-notification[data-variant=overlay]:has(span):has(img),.db-notification[data-variant=overlay]:has(span)[data-icon],.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span):has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification[data-variant=overlay]:has(span):has(img):has(header),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(header),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification[data-variant=overlay]:has(span):has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content content"}.db-notification:not([data-variant=overlay]) span{display:none}.db-notification:has(a):not([data-link-variant=inline]):not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:has(a):not([data-link-variant=inline]):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"content close" "link link"}.db-notification:has(a):not([data-link-variant=inline]):has(header):not([data-variant=overlay]){grid-template-columns:1fr;grid-template-areas:"head" "content" "link"}.db-notification:has(a):not([data-link-variant=inline]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content" "link link"}.db-notification:has(a):not([data-link-variant=inline]):has(img):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(header):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(header):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(header):not([data-variant=overlay]){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content" "icon link"}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(header):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}.db-notification:has(a)[data-link-variant=inline]:not([data-variant=overlay]){grid-template-areas:"content link";grid-template-columns:1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content min-content;grid-template-areas:"content link close"}.db-notification:has(a)[data-link-variant=inline]:has(header):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"head link" "content content"}.db-notification:has(a)[data-link-variant=inline]:has(header):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content min-content;grid-template-areas:"head link close" "content content content"}.db-notification:has(a)[data-link-variant=inline]:has(img):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content link";grid-template-columns:min-content 1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(img):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content link close"}.db-notification:has(a)[data-link-variant=inline]:has(img):has(header):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(header):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(header):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head link" "icon content content"}.db-notification:has(a)[data-link-variant=inline]:has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(header):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head link close" "icon content content content"}.db-notification:has(span) .db-button,.db-notification:has(span) header,.db-notification:has(span) p,.db-notification:has(span):before{-webkit-margin-before:-2px;margin-block-start:-2px}.db-notification{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-notification:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-notification a{grid-area:link;white-space:nowrap}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification header{grid-area:head;font-weight:700}.db-notification header,.db-notification header h1,.db-notification header h2,.db-notification header h3,.db-notification header h4,.db-notification header h5,.db-notification header h6{font-family:var(--db-font-family-sans);margin:0;line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs)}.db-notification header h1:after,.db-notification header h1:before,.db-notification header h2:after,.db-notification header h2:before,.db-notification header h3:after,.db-notification header h3:before,.db-notification header h4:after,.db-notification header h4:before,.db-notification header h5:after,.db-notification header h5:before,.db-notification header h6:after,.db-notification header h6:before,.db-notification header:after,.db-notification header:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-2xs);--db-icon-font-weight:var(--db-base-headline-icon-weight-2xs)}.db-notification p{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs)}.db-notification span{grid-area:timestamp;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification:has(img) :before{content:none!important}.db-notification img,.db-notification:before,.db-notification[data-icon]:before{--db-icon-font-family:"db-ux-filled";--db-icon-margin-end:0;grid-area:icon}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=valid]) label,.db-checkbox:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=invalid]) label,.db-checkbox:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input:disabled){opacity:.4}.db-checkbox label,.db-checkbox:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-variant=hidden]{font-size:0}.db-checkbox[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox{transition-duration:.01s!important}}.db-checkbox input{border-radius:var(--db-border-radius-2xs)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0;color:var(--db-current-color-bg-enabled);background-color:var(--db-current-color-enabled)}.db-checkbox input:checked:before{--db-icon:"check";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-hover)}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-pressed)}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:before{color:var(--db-current-color-bg-enabled)}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:valid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:valid) label,.db-radio:has(input:not([data-custom-validity]):required:valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=valid]) label,.db-radio:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:invalid) label,.db-radio:has(input:not([data-custom-validity]):required:invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=invalid]) label,.db-radio:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input:disabled){opacity:.4}.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-radio input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-radio[data-variant=hidden]{font-size:0}.db-radio[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-radio{transition-duration:.01s!important}}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-full);transition:border-width var(--db-transition-duration-fast) var(--db-transition-timing-functional)}.db-radio input:checked:not(:disabled):hover{background-color:var(--db-current-color-bg-enabled)}.db-radio input:checked:not([data-size=small]){border-width:calc((calc(var(--db-base-font-size) * var(--db-base-line-height)) - var(--db-sizing-2xs))/2)}.db-radio input:checked[data-size=small]{border-width:calc((calc(var(--db-base-font-size) * var(--db-base-line-height)) - var(--db-sizing-3xs))/2)}.db-radio input:focus-visible{border-radius:var(--db-border-radius-full)}.db-badge[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);--db-current-color-enabled:var(--db-current-color-on-contrast-enabled);--db-current-color-bg-enabled:var(--db-current-color-contrast-high-enabled);--db-current-color-border:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(.db-tab-remove-button){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-contrast-high-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-contrast-high-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a{color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]){cursor:pointer;cursor:default;background-color:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0;display:flex;align-items:center}.db-tag label:has(input:checked){border-width:var(--db-border-height-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;block-size:100%;position:absolute;-webkit-margin-end:initial;margin-inline-end:0;border:none;border-radius:inherit;cursor:pointer;transform:translateX(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-3xs)) * -1))}.db-tag label input:checked,.db-tag label input:checked:not(:disabled):active,.db-tag label input:checked:not(:disabled):hover{background-color:var(--db-brand-bg-transparent-full-enabled)}.db-tag label input:checked:before{--db-icon:""}.db-tag a{display:inline-flex;align-items:center;text-decoration:none}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-xs);font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:.4;pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:var(--db-current-color-bg-transparent-full-enabled);-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);border:none;aspect-ratio:1/1}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color-enabled);opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color-enabled);opacity:.64}dialog:not([data-backdrop=none])[data-backdrop=invisible]::-webkit-backdrop{opacity:0}dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop{opacity:0}dialog:not([data-backdrop=none])[data-backdrop=weak]::-webkit-backdrop{opacity:.32}dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop{opacity:.32}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-sm);border-end-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-straight-hide)}[data-icon].db-select{--db-form-has-before:1}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-variant=floating]:after,.db-select[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select+[id$=-placeholder],.db-select[data-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select select{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:.4}.db-select select:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select select:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select select:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-variant=hidden] label{padding:0}.db-select:has(select:disabled){opacity:.4;pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-color-bg-enabled)}.db-select[data-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-density-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:var(--db-current-color-bg-transparent-full-enabled);cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item a:has(~.db-sub-navigation:hover){background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-straight-show)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-straight-hide)}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-straight-show)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-straight-hide)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:.4;pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-current-color-bg-lvl-1-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:100%}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=bottom]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]{transform:translateX(-100%);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right]:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]:before{inset-block-start:auto;inset-block-end:0;transform:translateX(100%) scaleX(-1)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;block-size:100%;inline-size:var(--db-navigation-item-inline-size,100%);background:transparent;transform:translateX(-100%);-webkit-clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%));clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:flex;font-weight:400;background-color:var(--db-current-color-bg-lvl-1-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-current-color-bg-lvl-1-enabled);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-current-color-bg-transparent-semi-enabled);background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-textarea-scrollbar-button-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-textarea-scrollbar-button-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-full-enabled);background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:var(--db-textarea-resizer-image);border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column}.db-textarea[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-variant=floating]:after,.db-textarea[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=valid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=valid]) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=valid]){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=invalid]){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea textarea{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:.4}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea textarea:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-variant=hidden] label{padding:0}.db-textarea:has(textarea:disabled){opacity:.4;pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-xs) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-xs) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-current-color-bg-transparent-semi-enabled);z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:not(:disabled):hover):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:not(:disabled):hover):after{background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);background-color:var(--db-current-color-bg-lvl-1-enabled);border-radius:var(--db-border-radius-full);padding-inline:var(--db-spacing-fixed-2xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge[data-placement^=corner][data-label]:before{content:attr(data-label);position:fixed;font-size:0}[data-has-badge=true]{position:relative}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-color-border);position:relative;-webkit-margin-before:calc(2*var(--db-spacing-fixed-sm));margin-block-start:calc(2*var(--db-spacing-fixed-sm))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0;inset-block-start:calc(-1*var(--db-spacing-fixed-sm))}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;border-radius:var(--db-border-radius-sm);pointer-events:none}.db-accordion-item{position:relative;inline-size:100%;border-radius:var(--db-border-radius-sm)}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:.4}.db-accordion-item summary{background-color:var(--db-current-color-bg-transparent-full-enabled);list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);border-radius:var(--db-border-radius-sm)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-xs)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-straight-emotional) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64em){.db-navigation:not([data-force-mobile]),.db-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-navigation>menu:not([data-force-mobile]),.db-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"chevron_down";transition:transform var(--db-transition-straight-emotional)}.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}@media screen and (min-width:64em){.db-navigation[data-force-close=true]>menu menu:not([data-force-mobile]),.db-navigation[data-force-close=true]>menu menu[data-force-mobile=false]{display:none}}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-sm)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{inset-inline-start:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-start:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{inset-inline-end:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{inset-block-end:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{inset-block-start:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-start:calc(-1*var(--db-popover-distance))}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],.db-popover[data-e2e-hover=true]>article,.db-tooltip[data-e2e-hover=true],[data-has-tooltip=true]:focus .db-tooltip:first-of-type,[data-has-tooltip=true]:hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy]),.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy]),[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]),[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]){--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx])[data-animation=disabled],[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy])[data-animation=disabled]{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled]),[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled]){animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy]),[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]),[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]){--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx])[data-animation=disabled],[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy])[data-animation=disabled]{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled]),[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled]){animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),.db-popover[data-e2e-hover=true]>article[data-outside-vx=left],.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx]),[data-has-tooltip=true]:focus [data-outside-vx=left].db-tooltip:first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left].db-tooltip:first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,[data-outside-vx=left].db-tooltip[data-e2e-hover=true],[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]){--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-outside-vx=left][data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],[data-has-tooltip=true]:focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-outside-vx=left][data-animation=disabled].db-tooltip[data-e2e-hover=true],[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx])[data-animation=disabled]{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),[data-has-tooltip=true]:focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-outside-vx=left].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled]),[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled]){animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],[data-has-tooltip=true]:focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-outside-vx=left].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled])[data-delay=slow],[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],[data-has-tooltip=true]:focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-outside-vx=left].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled])[data-delay=fast],[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),.db-popover[data-e2e-hover=true]>article[data-outside-vx=right],.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx]),[data-has-tooltip=true]:focus [data-outside-vx=right].db-tooltip:first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right].db-tooltip:first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,[data-outside-vx=right].db-tooltip[data-e2e-hover=true],[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]){--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-outside-vx=right][data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],[data-has-tooltip=true]:focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-outside-vx=right][data-animation=disabled].db-tooltip[data-e2e-hover=true],[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx])[data-animation=disabled]{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),[data-has-tooltip=true]:focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-outside-vx=right].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled]),[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled]){animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],[data-has-tooltip=true]:focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-outside-vx=right].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled])[data-delay=slow],[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],[data-has-tooltip=true]:focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-outside-vx=right].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled])[data-delay=fast],[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{position:absolute;background-color:var(--db-current-color-bg-lvl-1-enabled);box-shadow:var(--db-elevation-md);visibility:hidden;z-index:1;white-space:nowrap}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-xs);--db-current-icon-color:var(--db-current-color-on-bg-enabled);color:var(--db-current-color-on-bg-enabled);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip,.db-tooltip:after,.db-tooltip:not([data-variant=basic]):after{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);color:var(--db-current-color-on-contrast-enabled)}.db-tooltip[data-emphasis=strong],.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-current-color-contrast-high-enabled)}.db-tab-list,[data-has-tooltip=true]{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);scroll-behavior:smooth;padding:0;margin:0}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:after{block-size:var(--db-border-height-xs);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:var(--db-border-height-xs);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{inset-block-end:calc(-1*(var(--db-spacing-fixed-2xs) + var(--db-border-height-xs)))}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:after{block-size:0;inline-size:var(--db-border-height-xs);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto;inset-inline-start:0;z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before{background-color:var(--db-current-color-bg-transparent-semi-enabled);content:"";border-radius:var(--db-border-radius-xs);position:absolute}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{block-size:var(--db-border-height-xs);inset-inline:var(--db-spacing-fixed-xs);inset-block-start:calc(3*var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{overflow-x:auto;overflow-y:hidden;inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs);-webkit-margin-after:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-xs));margin-block-end:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:first-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:first-of-type .db-tab-item{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:last-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:last-of-type .db-tab-item{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{min-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));max-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));-webkit-padding-end:var(--db-spacing-fixed-xs);padding-inline-end:var(--db-spacing-fixed-xs);-webkit-margin-after:auto;margin-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover{inline-size:-moz-fit-content;inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{inline-size:var(--db-border-height-xs);inset-block:var(--db-spacing-fixed-xs);inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{flex-direction:column;block-size:100%}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-item,.db-tabs[data-orientation=vertical] .db-tab-item input{-webkit-padding-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs));padding-inline-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab-item:first-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:first-of-type .db-tab-item{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab-item:last-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:last-of-type .db-tab-item{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab-item,.db-tabs[data-width=full] .db-tab-item label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab-item label{text-align:center;justify-content:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{position:absolute;z-index:21;background-color:var(--db-current-color-bg-enabled);inline-size:var(--db-sizing-md);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{position:absolute;z-index:22;inset-block:var(--db-spacing-fixed-xs)}.db-tab-panel{display:none}.db-switch:active:not(:disabled):not([aria-disabled=true])>input:before{inline-size:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - .125rem*2 + var(--db-spacing-fixed-2xs));margin:0}.db-switch:active:not(:disabled):not([aria-disabled=true])>input:checked:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch{-webkit-user-select:none;-moz-user-select:none;user-select:none}.db-switch:has(input:required) label:after,.db-switch:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-switch:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) label,.db-switch:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-switch:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-switch:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-switch:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-switch:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input[data-custom-validity=valid]) label,.db-switch:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) label,.db-switch:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-switch:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-switch:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-switch:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-switch:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input[data-custom-validity=invalid]) label,.db-switch:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-switch:has(input:disabled){opacity:.4}.db-switch label,.db-switch:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-switch input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-switch[data-variant=hidden]{font-size:0}.db-switch[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-switch{transition-duration:.01s!important}}.db-switch:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*2 + .125rem);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));box-sizing:content-box;display:flex;align-items:center;gap:.125rem;background-color:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-full)}.db-switch>input:after{--db-icon-after:"cross";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-switch>input:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch>input:after{visibility:hidden;align-self:center;aspect-ratio:1}.db-switch>input:before{content:"";aspect-ratio:1;block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2);background:var(--db-current-color-enabled);border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));-webkit-margin-end:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem * 2));margin-inline-end:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem * 2));transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}@media(prefers-reduced-motion:reduce){.db-switch>input:before{transition-duration:.01s!important}}.db-switch>input:checked{--db-current-icon-color:var(--db-current-color-bg-enabled);--thumb-offset-x:calc(100% + 0.125rem);background-color:var(--db-current-color-enabled)}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-hover);border-color:var(--db-current-color-hover)}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-pressed);border-color:var(--db-current-color-pressed)}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)));background-color:var(--db-current-color-bg-enabled);margin:0}.db-switch>input:focus-visible{border-radius:var(--db-border-radius-full)}.db-switch[data-variant=hidden]{gap:0}.db-switch[data-size=small]{gap:var(--db-spacing-fixed-2xs)}.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true])>input{background-color:var(--db-current-color-bg-hover);border-color:var(--db-current-color-bg-hover)}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true])>input{background-color:var(--db-current-color-bg-pressed);border-color:var(--db-current-color-bg-pressed)}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true])>input:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch[data-emphasis=strong]>input{--db-check-element-border-color:var(--db-current-color-bg-enabled)}.db-switch[data-emphasis=strong]>input:not(:checked){--thumb-offset-x:0}.db-switch[data-emphasis=strong]>input:checked:before{background-color:var(--db-current-color-enabled)}.db-switch[data-emphasis=strong]>input:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)));margin:0}.db-switch[data-emphasis=strong]>input:after,.db-switch[data-visual-aid=true]>input:after{visibility:visible;block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{--db-icon-after:"check";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{transform:translateX(calc(-100% - .125rem));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-switch>input[data-aid-icon]:not(:checked):after{content:attr(data-aid-icon)}.db-switch>input[data-aid-icon-after]:checked:after{content:attr(data-aid-icon-after)}db-accordion,db-accordion-item,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-navigation,db-navigation-item,db-notification,db-page,db-popover,db-radio,db-section,db-select,db-switch,db-tab,db-tab-bar,db-tab-item,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbnavigation,dbnavigation-item,dbnotification,dbpage,dbpopover,dbradio,dbsection,dbselect,dbswitch,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabitem,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-notification,dbnotification{inline-size:inherit}[data-color-scheme]{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}[data-color-scheme]:after,[data-color-scheme]:before{color:var(--db-current-icon-color,inherit)}[data-color-scheme]{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-neutral-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-neutral-on-bg-weak-pressed )}[data-emphasis=weak][data-color-scheme]{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}[data-color-scheme]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-body-lg:28;--db-base-icon-font-size-regular-desktop-body-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-body-xl:32;--db-base-icon-font-size-regular-desktop-body-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-body-2xl:40;--db-base-icon-font-size-regular-desktop-body-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-body-md:24;--db-base-icon-font-size-regular-desktop-body-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-body-sm:20;--db-base-icon-font-size-regular-desktop-body-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-body-2xs:14;--db-base-icon-font-size-regular-desktop-body-2xs:0.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-body-xs:16;--db-base-icon-font-size-regular-desktop-body-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-lg:28;--db-base-icon-font-size-regular-mobile-body-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-body-md:24;--db-base-icon-font-size-regular-mobile-body-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-body-sm:20;--db-base-icon-font-size-regular-mobile-body-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-xl:28;--db-base-icon-font-size-regular-mobile-body-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-body-xs:16;--db-base-icon-font-size-regular-mobile-body-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-2xl:28;--db-base-icon-font-size-regular-mobile-body-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-body-2xs:14;--db-base-icon-font-size-regular-mobile-body-2xs:0.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-body-lg:28;--db-base-icon-font-size-regular-tablet-body-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-body-md:24;--db-base-icon-font-size-regular-tablet-body-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-body-sm:20;--db-base-icon-font-size-regular-tablet-body-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-body-xl:32;--db-base-icon-font-size-regular-tablet-body-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-body-xs:16;--db-base-icon-font-size-regular-tablet-body-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-body-2xl:40;--db-base-icon-font-size-regular-tablet-body-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-body-2xs:14;--db-base-icon-font-size-regular-tablet-body-2xs:0.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-body-lg:24;--db-base-icon-font-size-functional-desktop-body-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-body-md:20;--db-base-icon-font-size-functional-desktop-body-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-body-sm:16;--db-base-icon-font-size-functional-desktop-body-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-body-xl:28;--db-base-icon-font-size-functional-desktop-body-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-body-xs:14;--db-base-icon-font-size-functional-desktop-body-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-body-2xl:32;--db-base-icon-font-size-functional-desktop-body-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-body-2xs:14;--db-base-icon-font-size-functional-desktop-body-2xs:0.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:0.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-body-lg:24;--db-base-icon-font-size-functional-tablet-body-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-body-md:20;--db-base-icon-font-size-functional-tablet-body-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-body-sm:16;--db-base-icon-font-size-functional-tablet-body-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-body-xl:28;--db-base-icon-font-size-functional-tablet-body-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-body-xs:14;--db-base-icon-font-size-functional-tablet-body-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-body-2xl:32;--db-base-icon-font-size-functional-tablet-body-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-body-2xs:14;--db-base-icon-font-size-functional-tablet-body-2xs:0.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:0.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-body-lg:24;--db-base-icon-font-size-functional-mobile-body-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-body-md:20;--db-base-icon-font-size-functional-mobile-body-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-body-sm:16;--db-base-icon-font-size-functional-mobile-body-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-xl:24;--db-base-icon-font-size-functional-mobile-body-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-body-xs:14;--db-base-icon-font-size-functional-mobile-body-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-2xl:24;--db-base-icon-font-size-functional-mobile-body-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-body-2xs:14;--db-base-icon-font-size-functional-mobile-body-2xs:0.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:0.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-body-lg:32;--db-base-icon-font-size-expressive-desktop-body-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-body-md:28;--db-base-icon-font-size-expressive-desktop-body-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-body-sm:24;--db-base-icon-font-size-expressive-desktop-body-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-body-xl:40;--db-base-icon-font-size-expressive-desktop-body-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-body-xs:20;--db-base-icon-font-size-expressive-desktop-body-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-body-2xl:48;--db-base-icon-font-size-expressive-desktop-body-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-body-2xs:16;--db-base-icon-font-size-expressive-desktop-body-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:0.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-body-lg:32;--db-base-icon-font-size-expressive-tablet-body-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-body-md:28;--db-base-icon-font-size-expressive-tablet-body-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-body-sm:24;--db-base-icon-font-size-expressive-tablet-body-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-body-xl:40;--db-base-icon-font-size-expressive-tablet-body-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-body-xs:20;--db-base-icon-font-size-expressive-tablet-body-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-body-2xl:48;--db-base-icon-font-size-expressive-tablet-body-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-body-2xs:16;--db-base-icon-font-size-expressive-tablet-body-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:0.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-lg:32;--db-base-icon-font-size-expressive-mobile-body-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-body-md:28;--db-base-icon-font-size-expressive-mobile-body-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-body-sm:24;--db-base-icon-font-size-expressive-mobile-body-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-xl:32;--db-base-icon-font-size-expressive-mobile-body-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-body-xs:20;--db-base-icon-font-size-expressive-mobile-body-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-2xl:32;--db-base-icon-font-size-expressive-mobile-body-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-body-2xs:16;--db-base-icon-font-size-expressive-mobile-body-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:0.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-3xs:0.0625rem;--db-border-height-2xs:0.125rem;--db-border-height-xs:0.25rem;--db-border-height-sm:0.375rem;--db-border-height-md:0.5rem;--db-border-height-lg:0.625rem;--db-border-height-xl:0.75rem;--db-border-height-2xl:0.875rem;--db-border-height-3xl:1rem;--db-border-radius-3xs:0.0625rem;--db-border-radius-2xs:0.125rem;--db-border-radius-xs:0.25rem;--db-border-radius-sm:0.5rem;--db-border-radius-md:0.75rem;--db-border-radius-lg:1rem;--db-border-radius-xl:1.5rem;--db-border-radius-2xl:1.75rem;--db-border-radius-3xl:2rem;--db-border-radius-full:500rem;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-transition-duration-extra-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-extra-fast:0.075s;--db-transition-timing-show:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-timing-hide:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-timing-emotional:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-timing-functional:cubic-bezier(0.15,0,0.45,1);--db-transition-straight-show:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-straight-hide:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-straight-emotional:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-straight-functional:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-neutral-0:#070708;--db-neutral-1:#0d0e10;--db-neutral-2:#121315;--db-neutral-3:#1a1c1e;--db-neutral-4:#2e3134;--db-neutral-5:#44474c;--db-neutral-6:#5a5f65;--db-neutral-7:#72777f;--db-neutral-8:#8b919a;--db-neutral-9:#a6acb4;--db-neutral-10:#c3c7cc;--db-neutral-11:#e1e3e5;--db-neutral-12:#edeef0;--db-neutral-13:#f3f4f5;--db-neutral-14:#fff;--db-brand-0:#1a0000;--db-brand-1:#280001;--db-brand-2:#310001;--db-brand-3:#410002;--db-brand-4:#690004;--db-brand-5:#930009;--db-brand-6:#c00010;--db-brand-7:#ef0016;--db-brand-8:#ff5357;--db-brand-9:#ff888a;--db-brand-10:#ffb3b4;--db-brand-11:#ffdada;--db-brand-12:#ffe9e9;--db-brand-13:#fff0f0;--db-brand-14:#fff8f8;--db-brand-on-pressed-light:#edeef0;--db-brand-on-hover-light:#f3f4f5;--db-brand-on-light:#fff;--db-brand-origin-light:#ec0016;--db-brand-hover-light:#c00010;--db-brand-pressed-light:#930009;--db-brand-on-pressed-dark:#edeef0;--db-brand-on-hover-dark:#f3f4f5;--db-brand-on-dark:#fff;--db-brand-origin-dark:#ec0016;--db-brand-hover-dark:#ff5357;--db-brand-pressed-dark:#ff888a;--db-informational-0:#01080f;--db-informational-1:#011018;--db-informational-2:#021520;--db-informational-3:#041e2b;--db-informational-4:#0a3447;--db-informational-5:#124c66;--db-informational-6:#1b6586;--db-informational-7:#257fa8;--db-informational-8:#2e9acb;--db-informational-9:#38b6ef;--db-informational-10:#89cffa;--db-informational-11:#cae6fd;--db-informational-12:#e0f0fe;--db-informational-13:#ebf5fe;--db-informational-14:#f5faff;--db-warning-0:#100500;--db-warning-1:#190b00;--db-warning-2:#210f00;--db-warning-3:#2c1600;--db-warning-4:#4a2800;--db-warning-5:#693c00;--db-warning-6:#8a5100;--db-warning-7:#ad6600;--db-warning-8:#d17d00;--db-warning-9:#f69400;--db-warning-10:#ffb782;--db-warning-11:#ffdbc8;--db-warning-12:#ffeadf;--db-warning-13:#fff1ea;--db-warning-14:#fff8f5;--db-successful-0:#030900;--db-successful-1:#061100;--db-successful-2:#091701;--db-successful-3:#0f2001;--db-successful-4:#1d3702;--db-successful-5:#2d5005;--db-successful-6:#3d6a09;--db-successful-7:#4e850f;--db-successful-8:#60a114;--db-successful-9:#72bf1a;--db-successful-10:#85dd20;--db-successful-11:#99fc26;--db-successful-12:#c3ff9d;--db-successful-13:#d9ffc4;--db-successful-14:#edffe4;--db-critical-0:#1a0000;--db-critical-1:#280001;--db-critical-2:#310001;--db-critical-3:#410002;--db-critical-4:#690004;--db-critical-5:#930009;--db-critical-6:#c00010;--db-critical-7:#ef0016;--db-critical-8:#ff5357;--db-critical-9:#ff888a;--db-critical-10:#ffb3b4;--db-critical-11:#ffdada;--db-critical-12:#ffe9e9;--db-critical-13:#fff0f0;--db-critical-14:#fff8f8;--db-yellow-0:#0a0700;--db-yellow-1:#130e00;--db-yellow-2:#191300;--db-yellow-3:#221b00;--db-yellow-4:#3a3000;--db-yellow-5:#544600;--db-yellow-6:#6f5d00;--db-yellow-7:#8c7600;--db-yellow-8:#aa8f00;--db-yellow-9:#c8a900;--db-yellow-10:#e8c400;--db-yellow-11:#ffe17c;--db-yellow-12:#ffedbc;--db-yellow-13:#fff3d5;--db-yellow-14:#fff9eb;--db-yellow-on-pressed-light:#221b00;--db-yellow-on-hover-light:#191300;--db-yellow-on-light:#000;--db-yellow-origin-light:#aa8f00;--db-yellow-hover-light:#8c7500;--db-yellow-pressed-light:#6f5d00;--db-yellow-on-pressed-dark:#221b00;--db-yellow-on-hover-dark:#191300;--db-yellow-on-dark:#000;--db-yellow-origin-dark:#ffd800;--db-yellow-hover-dark:#ffedbc;--db-yellow-pressed-dark:#fff3d5;--db-orange-0:#100500;--db-orange-1:#190b00;--db-orange-2:#210f00;--db-orange-3:#2c1600;--db-orange-4:#4a2800;--db-orange-5:#693c00;--db-orange-6:#8a5100;--db-orange-7:#ad6600;--db-orange-8:#d17d00;--db-orange-9:#f69400;--db-orange-10:#ffb782;--db-orange-11:#ffdbc8;--db-orange-12:#ffeadf;--db-orange-13:#fff1ea;--db-orange-14:#fff8f5;--db-orange-on-pressed-light:#2c1600;--db-orange-on-hover-light:#210f00;--db-orange-on-light:#000;--db-orange-origin-light:#d17d00;--db-orange-hover-light:#ad6600;--db-orange-pressed-light:#8a5100;--db-orange-on-pressed-dark:#2c1600;--db-orange-on-hover-dark:#210f00;--db-orange-on-dark:#000;--db-orange-origin-dark:#f39200;--db-orange-hover-dark:#ffb782;--db-orange-pressed-dark:#ffdbc8;--db-red-0:#1a0000;--db-red-1:#280001;--db-red-2:#310001;--db-red-3:#410002;--db-red-4:#690004;--db-red-5:#930009;--db-red-6:#c00010;--db-red-7:#ef0016;--db-red-8:#ff5357;--db-red-9:#ff888a;--db-red-10:#ffb3b4;--db-red-11:#ffdada;--db-red-12:#ffe9e9;--db-red-13:#fff0f0;--db-red-14:#fff8f8;--db-red-on-pressed-light:#ffe9e9;--db-red-on-hover-light:#fff0f0;--db-red-on-light:#fff;--db-red-origin-light:#ec0016;--db-red-hover-light:#c00010;--db-red-pressed-light:#930009;--db-red-on-pressed-dark:#ffe9e9;--db-red-on-hover-dark:#fff0f0;--db-red-on-dark:#fff;--db-red-origin-dark:#ec0016;--db-red-hover-dark:#ff5357;--db-red-pressed-dark:#ff888a;--db-pink-0:#160209;--db-pink-1:#220310;--db-pink-2:#2b0516;--db-pink-3:#39081f;--db-pink-4:#5c1335;--db-pink-5:#821e4e;--db-pink-6:#aa2b67;--db-pink-7:#d43882;--db-pink-8:#ed5c9b;--db-pink-9:#f18cb2;--db-pink-10:#f5b5cb;--db-pink-11:#fadbe4;--db-pink-12:#fce9ef;--db-pink-13:#fdf1f4;--db-pink-14:#fef8fa;--db-pink-on-pressed-light:#39081f;--db-pink-on-hover-light:#2b0516;--db-pink-on-light:#000;--db-pink-origin-light:#e93e8f;--db-pink-hover-light:#aa2b67;--db-pink-pressed-light:#821e4e;--db-pink-on-pressed-dark:#39081f;--db-pink-on-hover-dark:#2b0516;--db-pink-on-dark:#000;--db-pink-origin-dark:#e93e8f;--db-pink-hover-dark:#ed5c9b;--db-pink-pressed-dark:#f18cb2;--db-violet-0:#0d0412;--db-violet-1:#17081c;--db-violet-2:#1d0c24;--db-violet-3:#281330;--db-violet-4:#432350;--db-violet-5:#603571;--db-violet-6:#7f4895;--db-violet-7:#9f5bba;--db-violet-8:#b47ace;--db-violet-9:#c69cda;--db-violet-10:#d8bde6;--db-violet-11:#ebdef2;--db-violet-12:#f3ebf7;--db-violet-13:#f7f2fa;--db-violet-14:#fbf8fc;--db-violet-on-pressed-light:#f3ebf7;--db-violet-on-hover-light:#f7f2fa;--db-violet-on-light:#fff;--db-violet-origin-light:#814997;--db-violet-hover-light:#603571;--db-violet-pressed-light:#432350;--db-violet-on-pressed-dark:#f3ebf7;--db-violet-on-hover-dark:#f7f2fa;--db-violet-on-dark:#fff;--db-violet-origin-dark:#814997;--db-violet-hover-dark:#9f5bba;--db-violet-pressed-dark:#b47ace;--db-blue-0:#00061b;--db-blue-1:#010d29;--db-blue-2:#011133;--db-blue-3:#021943;--db-blue-4:#072d6c;--db-blue-5:#0d4298;--db-blue-6:#1558c6;--db-blue-7:#1d6ff7;--db-blue-8:#638bfa;--db-blue-9:#90a8fc;--db-blue-10:#b7c4fd;--db-blue-11:#dbe1fe;--db-blue-12:#eaedfe;--db-blue-13:#f1f3ff;--db-blue-14:#f8f9ff;--db-blue-on-pressed-light:#eaedfe;--db-blue-on-hover-light:#f1f3ff;--db-blue-on-light:#fff;--db-blue-origin-light:#1455c0;--db-blue-hover-light:#0d4298;--db-blue-pressed-light:#072d6c;--db-blue-on-pressed-dark:#eaedfe;--db-blue-on-hover-dark:#f1f3ff;--db-blue-on-dark:#fff;--db-blue-origin-dark:#1558c6;--db-blue-hover-dark:#1d6ff7;--db-blue-pressed-dark:#638bfa;--db-cyan-0:#01080f;--db-cyan-1:#011018;--db-cyan-2:#021520;--db-cyan-3:#041e2b;--db-cyan-4:#0a3447;--db-cyan-5:#124c66;--db-cyan-6:#1b6586;--db-cyan-7:#257fa8;--db-cyan-8:#2e9acb;--db-cyan-9:#38b6ef;--db-cyan-10:#89cffa;--db-cyan-11:#cae6fd;--db-cyan-12:#e0f0fe;--db-cyan-13:#ebf5fe;--db-cyan-14:#f5faff;--db-cyan-on-pressed-light:#041e2b;--db-cyan-on-hover-light:#021520;--db-cyan-on-light:#000;--db-cyan-origin-light:#2e9acb;--db-cyan-hover-light:#247fa8;--db-cyan-pressed-light:#1b6586;--db-cyan-on-pressed-dark:#041e2b;--db-cyan-on-hover-dark:#021520;--db-cyan-on-dark:#000;--db-cyan-origin-dark:#309fd1;--db-cyan-hover-dark:#38b6ef;--db-cyan-pressed-dark:#89cffa;--db-turquoise-0:#000908;--db-turquoise-1:#001110;--db-turquoise-2:#001715;--db-turquoise-3:#00201e;--db-turquoise-4:#003734;--db-turquoise-5:#00504c;--db-turquoise-6:#006a65;--db-turquoise-7:#00857f;--db-turquoise-8:#00a29b;--db-turquoise-9:#00bfb7;--db-turquoise-10:#00ddd4;--db-turquoise-11:#00fcf2;--db-turquoise-12:#9bfff8;--db-turquoise-13:#c3fffa;--db-turquoise-14:#e3fffd;--db-turquoise-on-pressed-light:#00201e;--db-turquoise-on-hover-light:#001715;--db-turquoise-on-light:#000;--db-turquoise-origin-light:#00a099;--db-turquoise-hover-light:#00857f;--db-turquoise-pressed-light:#006a65;--db-turquoise-on-pressed-dark:#00201e;--db-turquoise-on-hover-dark:#001715;--db-turquoise-on-dark:#000;--db-turquoise-origin-dark:#00a099;--db-turquoise-hover-dark:#00bfb7;--db-turquoise-pressed-dark:#00ddd4;--db-green-0:#030900;--db-green-1:#061100;--db-green-2:#091701;--db-green-3:#0f2001;--db-green-4:#1d3702;--db-green-5:#2d5005;--db-green-6:#3d6a09;--db-green-7:#4e850f;--db-green-8:#60a114;--db-green-9:#72bf1a;--db-green-10:#85dd20;--db-green-11:#99fc26;--db-green-12:#c3ff9d;--db-green-13:#d9ffc4;--db-green-14:#edffe4;--db-green-on-pressed-light:#0f2001;--db-green-on-hover-light:#091701;--db-green-on-light:#000;--db-green-origin-light:#63a615;--db-green-hover-light:#4e850f;--db-green-pressed-light:#3d6a09;--db-green-on-pressed-dark:#0f2001;--db-green-on-hover-dark:#091701;--db-green-on-dark:#000;--db-green-origin-dark:#63a615;--db-green-hover-dark:#72bf1a;--db-green-pressed-dark:#85dd20;--db-neutral-bg-lvl-1-enabled:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-bg-lvl-1-hover:light-dark(var(--db-neutral-13),var(--db-neutral-4));--db-neutral-bg-lvl-1-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-5));--db-neutral-bg-lvl-2-enabled:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-bg-lvl-2-hover:light-dark(var(--db-neutral-12),var(--db-neutral-3));--db-neutral-bg-lvl-2-pressed:light-dark(var(--db-neutral-11),var(--db-neutral-4));--db-neutral-bg-lvl-3-enabled:light-dark(var(--db-neutral-12),var(--db-neutral-1));--db-neutral-bg-lvl-3-hover:light-dark(var(--db-neutral-11),var(--db-neutral-2));--db-neutral-bg-lvl-3-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-3));--db-neutral-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-neutral-6)),color-mix(in srgb,transparent 100%,var(--db-neutral-9)));--db-neutral-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-neutral-6)),color-mix(in srgb,transparent 84%,var(--db-neutral-9)));--db-neutral-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-on-bg-enabled:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-on-bg-hover:light-dark(var(--db-neutral-4),var(--db-neutral-11));--db-neutral-on-bg-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-weak-enabled:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-weak-hover:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-weak-pressed:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-on-contrast-enabled:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-on-contrast-hover:light-dark(var(--db-neutral-13),var(--db-neutral-4));--db-neutral-on-contrast-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-5));--db-neutral-contrast-high-enabled:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-contrast-high-hover:light-dark(var(--db-neutral-5),var(--db-neutral-8));--db-neutral-contrast-high-pressed:light-dark(var(--db-neutral-4),var(--db-neutral-7));--db-neutral-contrast-low-enabled:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-contrast-low-hover:light-dark(var(--db-neutral-6),var(--db-neutral-7));--db-neutral-contrast-low-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-6));--db-neutral-border:light-dark(var(--db-neutral-10),var(--db-neutral-6));--db-brand-on-enabled:light-dark(var(--db-brand-on-light),var(--db-brand-on-dark));--db-brand-on-hover:light-dark(var(--db-brand-on-hover-light),var(--db-brand-on-hover-dark));--db-brand-on-pressed:light-dark(var(--db-brand-on-pressed-light),var(--db-brand-on-pressed-dark));--db-brand-origin-enabled:light-dark(var(--db-brand-origin-light),var(--db-brand-origin-dark));--db-brand-origin-hover:light-dark(var(--db-brand-hover-light),var(--db-brand-hover-dark));--db-brand-origin-pressed:light-dark(var(--db-brand-pressed-light),var(--db-brand-pressed-dark));--db-brand-bg-lvl-1-enabled:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-bg-lvl-1-hover:light-dark(var(--db-brand-13),var(--db-brand-4));--db-brand-bg-lvl-1-pressed:light-dark(var(--db-brand-12),var(--db-brand-5));--db-brand-bg-lvl-2-enabled:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-bg-lvl-2-hover:light-dark(var(--db-brand-12),var(--db-brand-3));--db-brand-bg-lvl-2-pressed:light-dark(var(--db-brand-11),var(--db-brand-4));--db-brand-bg-lvl-3-enabled:light-dark(var(--db-brand-12),var(--db-brand-1));--db-brand-bg-lvl-3-hover:light-dark(var(--db-brand-11),var(--db-brand-2));--db-brand-bg-lvl-3-pressed:light-dark(var(--db-brand-10),var(--db-brand-3));--db-brand-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-brand-6)),color-mix(in srgb,transparent 100%,var(--db-brand-9)));--db-brand-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-brand-6)),color-mix(in srgb,transparent 84%,var(--db-brand-9)));--db-brand-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-on-bg-enabled:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-on-bg-hover:light-dark(var(--db-brand-4),var(--db-brand-11));--db-brand-on-bg-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-weak-enabled:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-weak-hover:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-weak-pressed:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-on-contrast-enabled:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-on-contrast-hover:light-dark(var(--db-brand-13),var(--db-brand-4));--db-brand-on-contrast-pressed:light-dark(var(--db-brand-12),var(--db-brand-5));--db-brand-contrast-high-enabled:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-contrast-high-hover:light-dark(var(--db-brand-5),var(--db-brand-8));--db-brand-contrast-high-pressed:light-dark(var(--db-brand-4),var(--db-brand-7));--db-brand-contrast-low-enabled:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-contrast-low-hover:light-dark(var(--db-brand-6),var(--db-brand-7));--db-brand-contrast-low-pressed:light-dark(var(--db-brand-5),var(--db-brand-6));--db-brand-border:light-dark(var(--db-brand-10),var(--db-brand-6));--db-informational-bg-lvl-1-enabled:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-bg-lvl-1-hover:light-dark(var(--db-informational-13),var(--db-informational-4));--db-informational-bg-lvl-1-pressed:light-dark(var(--db-informational-12),var(--db-informational-5));--db-informational-bg-lvl-2-enabled:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-bg-lvl-2-hover:light-dark(var(--db-informational-12),var(--db-informational-3));--db-informational-bg-lvl-2-pressed:light-dark(var(--db-informational-11),var(--db-informational-4));--db-informational-bg-lvl-3-enabled:light-dark(var(--db-informational-12),var(--db-informational-1));--db-informational-bg-lvl-3-hover:light-dark(var(--db-informational-11),var(--db-informational-2));--db-informational-bg-lvl-3-pressed:light-dark(var(--db-informational-10),var(--db-informational-3));--db-informational-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-informational-6)),color-mix(in srgb,transparent 100%,var(--db-informational-9)));--db-informational-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-informational-6)),color-mix(in srgb,transparent 84%,var(--db-informational-9)));--db-informational-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-on-bg-enabled:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-on-bg-hover:light-dark(var(--db-informational-4),var(--db-informational-11));--db-informational-on-bg-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-weak-enabled:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-weak-hover:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-weak-pressed:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-on-contrast-enabled:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-on-contrast-hover:light-dark(var(--db-informational-13),var(--db-informational-4));--db-informational-on-contrast-pressed:light-dark(var(--db-informational-12),var(--db-informational-5));--db-informational-contrast-high-enabled:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-contrast-high-hover:light-dark(var(--db-informational-5),var(--db-informational-8));--db-informational-contrast-high-pressed:light-dark(var(--db-informational-4),var(--db-informational-7));--db-informational-contrast-low-enabled:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-contrast-low-hover:light-dark(var(--db-informational-6),var(--db-informational-7));--db-informational-contrast-low-pressed:light-dark(var(--db-informational-5),var(--db-informational-6));--db-informational-border:light-dark(var(--db-informational-10),var(--db-informational-6));--db-warning-bg-lvl-1-enabled:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-bg-lvl-1-hover:light-dark(var(--db-warning-13),var(--db-warning-4));--db-warning-bg-lvl-1-pressed:light-dark(var(--db-warning-12),var(--db-warning-5));--db-warning-bg-lvl-2-enabled:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-bg-lvl-2-hover:light-dark(var(--db-warning-12),var(--db-warning-3));--db-warning-bg-lvl-2-pressed:light-dark(var(--db-warning-11),var(--db-warning-4));--db-warning-bg-lvl-3-enabled:light-dark(var(--db-warning-12),var(--db-warning-1));--db-warning-bg-lvl-3-hover:light-dark(var(--db-warning-11),var(--db-warning-2));--db-warning-bg-lvl-3-pressed:light-dark(var(--db-warning-10),var(--db-warning-3));--db-warning-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-warning-6)),color-mix(in srgb,transparent 100%,var(--db-warning-9)));--db-warning-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-warning-6)),color-mix(in srgb,transparent 84%,var(--db-warning-9)));--db-warning-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-on-bg-enabled:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-on-bg-hover:light-dark(var(--db-warning-4),var(--db-warning-11));--db-warning-on-bg-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-weak-enabled:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-weak-hover:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-weak-pressed:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-on-contrast-enabled:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-on-contrast-hover:light-dark(var(--db-warning-13),var(--db-warning-4));--db-warning-on-contrast-pressed:light-dark(var(--db-warning-12),var(--db-warning-5));--db-warning-contrast-high-enabled:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-contrast-high-hover:light-dark(var(--db-warning-5),var(--db-warning-8));--db-warning-contrast-high-pressed:light-dark(var(--db-warning-4),var(--db-warning-7));--db-warning-contrast-low-enabled:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-contrast-low-hover:light-dark(var(--db-warning-6),var(--db-warning-7));--db-warning-contrast-low-pressed:light-dark(var(--db-warning-5),var(--db-warning-6));--db-warning-border:light-dark(var(--db-warning-10),var(--db-warning-6));--db-successful-bg-lvl-1-enabled:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-bg-lvl-1-hover:light-dark(var(--db-successful-13),var(--db-successful-4));--db-successful-bg-lvl-1-pressed:light-dark(var(--db-successful-12),var(--db-successful-5));--db-successful-bg-lvl-2-enabled:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-bg-lvl-2-hover:light-dark(var(--db-successful-12),var(--db-successful-3));--db-successful-bg-lvl-2-pressed:light-dark(var(--db-successful-11),var(--db-successful-4));--db-successful-bg-lvl-3-enabled:light-dark(var(--db-successful-12),var(--db-successful-1));--db-successful-bg-lvl-3-hover:light-dark(var(--db-successful-11),var(--db-successful-2));--db-successful-bg-lvl-3-pressed:light-dark(var(--db-successful-10),var(--db-successful-3));--db-successful-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-successful-6)),color-mix(in srgb,transparent 100%,var(--db-successful-9)));--db-successful-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-successful-6)),color-mix(in srgb,transparent 84%,var(--db-successful-9)));--db-successful-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-on-bg-enabled:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-on-bg-hover:light-dark(var(--db-successful-4),var(--db-successful-11));--db-successful-on-bg-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-weak-enabled:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-weak-hover:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-weak-pressed:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-on-contrast-enabled:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-on-contrast-hover:light-dark(var(--db-successful-13),var(--db-successful-4));--db-successful-on-contrast-pressed:light-dark(var(--db-successful-12),var(--db-successful-5));--db-successful-contrast-high-enabled:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-contrast-high-hover:light-dark(var(--db-successful-5),var(--db-successful-8));--db-successful-contrast-high-pressed:light-dark(var(--db-successful-4),var(--db-successful-7));--db-successful-contrast-low-enabled:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-contrast-low-hover:light-dark(var(--db-successful-6),var(--db-successful-7));--db-successful-contrast-low-pressed:light-dark(var(--db-successful-5),var(--db-successful-6));--db-successful-border:light-dark(var(--db-successful-10),var(--db-successful-6));--db-critical-bg-lvl-1-enabled:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-bg-lvl-1-hover:light-dark(var(--db-critical-13),var(--db-critical-4));--db-critical-bg-lvl-1-pressed:light-dark(var(--db-critical-12),var(--db-critical-5));--db-critical-bg-lvl-2-enabled:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-bg-lvl-2-hover:light-dark(var(--db-critical-12),var(--db-critical-3));--db-critical-bg-lvl-2-pressed:light-dark(var(--db-critical-11),var(--db-critical-4));--db-critical-bg-lvl-3-enabled:light-dark(var(--db-critical-12),var(--db-critical-1));--db-critical-bg-lvl-3-hover:light-dark(var(--db-critical-11),var(--db-critical-2));--db-critical-bg-lvl-3-pressed:light-dark(var(--db-critical-10),var(--db-critical-3));--db-critical-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-critical-6)),color-mix(in srgb,transparent 100%,var(--db-critical-9)));--db-critical-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-critical-6)),color-mix(in srgb,transparent 84%,var(--db-critical-9)));--db-critical-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-on-bg-enabled:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-on-bg-hover:light-dark(var(--db-critical-4),var(--db-critical-11));--db-critical-on-bg-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-weak-enabled:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-weak-hover:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-weak-pressed:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-on-contrast-enabled:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-on-contrast-hover:light-dark(var(--db-critical-13),var(--db-critical-4));--db-critical-on-contrast-pressed:light-dark(var(--db-critical-12),var(--db-critical-5));--db-critical-contrast-high-enabled:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-contrast-high-hover:light-dark(var(--db-critical-5),var(--db-critical-8));--db-critical-contrast-high-pressed:light-dark(var(--db-critical-4),var(--db-critical-7));--db-critical-contrast-low-enabled:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-contrast-low-hover:light-dark(var(--db-critical-6),var(--db-critical-7));--db-critical-contrast-low-pressed:light-dark(var(--db-critical-5),var(--db-critical-6));--db-critical-border:light-dark(var(--db-critical-10),var(--db-critical-6));--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");--db-yellow-on-enabled:light-dark(var(--db-yellow-on-light),var(--db-yellow-on-dark));--db-yellow-on-hover:light-dark(var(--db-yellow-on-hover-light),var(--db-yellow-on-hover-dark));--db-yellow-on-pressed:light-dark(var(--db-yellow-on-pressed-light),var(--db-yellow-on-pressed-dark));--db-yellow-origin-enabled:light-dark(var(--db-yellow-origin-light),var(--db-yellow-origin-dark));--db-yellow-origin-hover:light-dark(var(--db-yellow-hover-light),var(--db-yellow-hover-dark));--db-yellow-origin-pressed:light-dark(var(--db-yellow-pressed-light),var(--db-yellow-pressed-dark));--db-yellow-bg-lvl-1-enabled:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-bg-lvl-1-hover:light-dark(var(--db-yellow-13),var(--db-yellow-4));--db-yellow-bg-lvl-1-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-5));--db-yellow-bg-lvl-2-enabled:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-bg-lvl-2-hover:light-dark(var(--db-yellow-12),var(--db-yellow-3));--db-yellow-bg-lvl-2-pressed:light-dark(var(--db-yellow-11),var(--db-yellow-4));--db-yellow-bg-lvl-3-enabled:light-dark(var(--db-yellow-12),var(--db-yellow-1));--db-yellow-bg-lvl-3-hover:light-dark(var(--db-yellow-11),var(--db-yellow-2));--db-yellow-bg-lvl-3-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-3));--db-yellow-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-yellow-6)),color-mix(in srgb,transparent 100%,var(--db-yellow-9)));--db-yellow-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-yellow-6)),color-mix(in srgb,transparent 84%,var(--db-yellow-9)));--db-yellow-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-on-bg-enabled:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-on-bg-hover:light-dark(var(--db-yellow-4),var(--db-yellow-11));--db-yellow-on-bg-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-weak-enabled:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-weak-hover:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-weak-pressed:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-on-contrast-enabled:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-on-contrast-hover:light-dark(var(--db-yellow-13),var(--db-yellow-4));--db-yellow-on-contrast-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-5));--db-yellow-contrast-high-enabled:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-contrast-high-hover:light-dark(var(--db-yellow-5),var(--db-yellow-8));--db-yellow-contrast-high-pressed:light-dark(var(--db-yellow-4),var(--db-yellow-7));--db-yellow-contrast-low-enabled:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-contrast-low-hover:light-dark(var(--db-yellow-6),var(--db-yellow-7));--db-yellow-contrast-low-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-6));--db-yellow-border:light-dark(var(--db-yellow-10),var(--db-yellow-6));--db-orange-on-enabled:light-dark(var(--db-orange-on-light),var(--db-orange-on-dark));--db-orange-on-hover:light-dark(var(--db-orange-on-hover-light),var(--db-orange-on-hover-dark));--db-orange-on-pressed:light-dark(var(--db-orange-on-pressed-light),var(--db-orange-on-pressed-dark));--db-orange-origin-enabled:light-dark(var(--db-orange-origin-light),var(--db-orange-origin-dark));--db-orange-origin-hover:light-dark(var(--db-orange-hover-light),var(--db-orange-hover-dark));--db-orange-origin-pressed:light-dark(var(--db-orange-pressed-light),var(--db-orange-pressed-dark));--db-orange-bg-lvl-1-enabled:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-bg-lvl-1-hover:light-dark(var(--db-orange-13),var(--db-orange-4));--db-orange-bg-lvl-1-pressed:light-dark(var(--db-orange-12),var(--db-orange-5));--db-orange-bg-lvl-2-enabled:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-bg-lvl-2-hover:light-dark(var(--db-orange-12),var(--db-orange-3));--db-orange-bg-lvl-2-pressed:light-dark(var(--db-orange-11),var(--db-orange-4));--db-orange-bg-lvl-3-enabled:light-dark(var(--db-orange-12),var(--db-orange-1));--db-orange-bg-lvl-3-hover:light-dark(var(--db-orange-11),var(--db-orange-2));--db-orange-bg-lvl-3-pressed:light-dark(var(--db-orange-10),var(--db-orange-3));--db-orange-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-orange-6)),color-mix(in srgb,transparent 100%,var(--db-orange-9)));--db-orange-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-orange-6)),color-mix(in srgb,transparent 84%,var(--db-orange-9)));--db-orange-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-on-bg-enabled:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-on-bg-hover:light-dark(var(--db-orange-4),var(--db-orange-11));--db-orange-on-bg-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-weak-enabled:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-weak-hover:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-weak-pressed:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-on-contrast-enabled:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-on-contrast-hover:light-dark(var(--db-orange-13),var(--db-orange-4));--db-orange-on-contrast-pressed:light-dark(var(--db-orange-12),var(--db-orange-5));--db-orange-contrast-high-enabled:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-contrast-high-hover:light-dark(var(--db-orange-5),var(--db-orange-8));--db-orange-contrast-high-pressed:light-dark(var(--db-orange-4),var(--db-orange-7));--db-orange-contrast-low-enabled:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-contrast-low-hover:light-dark(var(--db-orange-6),var(--db-orange-7));--db-orange-contrast-low-pressed:light-dark(var(--db-orange-5),var(--db-orange-6));--db-orange-border:light-dark(var(--db-orange-10),var(--db-orange-6));--db-red-on-enabled:light-dark(var(--db-red-on-light),var(--db-red-on-dark));--db-red-on-hover:light-dark(var(--db-red-on-hover-light),var(--db-red-on-hover-dark));--db-red-on-pressed:light-dark(var(--db-red-on-pressed-light),var(--db-red-on-pressed-dark));--db-red-origin-enabled:light-dark(var(--db-red-origin-light),var(--db-red-origin-dark));--db-red-origin-hover:light-dark(var(--db-red-hover-light),var(--db-red-hover-dark));--db-red-origin-pressed:light-dark(var(--db-red-pressed-light),var(--db-red-pressed-dark));--db-red-bg-lvl-1-enabled:light-dark(var(--db-red-14),var(--db-red-3));--db-red-bg-lvl-1-hover:light-dark(var(--db-red-13),var(--db-red-4));--db-red-bg-lvl-1-pressed:light-dark(var(--db-red-12),var(--db-red-5));--db-red-bg-lvl-2-enabled:light-dark(var(--db-red-13),var(--db-red-2));--db-red-bg-lvl-2-hover:light-dark(var(--db-red-12),var(--db-red-3));--db-red-bg-lvl-2-pressed:light-dark(var(--db-red-11),var(--db-red-4));--db-red-bg-lvl-3-enabled:light-dark(var(--db-red-12),var(--db-red-1));--db-red-bg-lvl-3-hover:light-dark(var(--db-red-11),var(--db-red-2));--db-red-bg-lvl-3-pressed:light-dark(var(--db-red-10),var(--db-red-3));--db-red-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-red-6)),color-mix(in srgb,transparent 100%,var(--db-red-9)));--db-red-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-red-6)),color-mix(in srgb,transparent 84%,var(--db-red-9)));--db-red-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-on-bg-enabled:light-dark(var(--db-red-3),var(--db-red-12));--db-red-on-bg-hover:light-dark(var(--db-red-4),var(--db-red-11));--db-red-on-bg-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-weak-enabled:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-weak-hover:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-weak-pressed:light-dark(var(--db-red-7),var(--db-red-8));--db-red-on-contrast-enabled:light-dark(var(--db-red-14),var(--db-red-3));--db-red-on-contrast-hover:light-dark(var(--db-red-13),var(--db-red-4));--db-red-on-contrast-pressed:light-dark(var(--db-red-12),var(--db-red-5));--db-red-contrast-high-enabled:light-dark(var(--db-red-6),var(--db-red-9));--db-red-contrast-high-hover:light-dark(var(--db-red-5),var(--db-red-8));--db-red-contrast-high-pressed:light-dark(var(--db-red-4),var(--db-red-7));--db-red-contrast-low-enabled:light-dark(var(--db-red-7),var(--db-red-8));--db-red-contrast-low-hover:light-dark(var(--db-red-6),var(--db-red-7));--db-red-contrast-low-pressed:light-dark(var(--db-red-5),var(--db-red-6));--db-red-border:light-dark(var(--db-red-10),var(--db-red-6));--db-pink-on-enabled:light-dark(var(--db-pink-on-light),var(--db-pink-on-dark));--db-pink-on-hover:light-dark(var(--db-pink-on-hover-light),var(--db-pink-on-hover-dark));--db-pink-on-pressed:light-dark(var(--db-pink-on-pressed-light),var(--db-pink-on-pressed-dark));--db-pink-origin-enabled:light-dark(var(--db-pink-origin-light),var(--db-pink-origin-dark));--db-pink-origin-hover:light-dark(var(--db-pink-hover-light),var(--db-pink-hover-dark));--db-pink-origin-pressed:light-dark(var(--db-pink-pressed-light),var(--db-pink-pressed-dark));--db-pink-bg-lvl-1-enabled:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-bg-lvl-1-hover:light-dark(var(--db-pink-13),var(--db-pink-4));--db-pink-bg-lvl-1-pressed:light-dark(var(--db-pink-12),var(--db-pink-5));--db-pink-bg-lvl-2-enabled:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-bg-lvl-2-hover:light-dark(var(--db-pink-12),var(--db-pink-3));--db-pink-bg-lvl-2-pressed:light-dark(var(--db-pink-11),var(--db-pink-4));--db-pink-bg-lvl-3-enabled:light-dark(var(--db-pink-12),var(--db-pink-1));--db-pink-bg-lvl-3-hover:light-dark(var(--db-pink-11),var(--db-pink-2));--db-pink-bg-lvl-3-pressed:light-dark(var(--db-pink-10),var(--db-pink-3));--db-pink-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-pink-6)),color-mix(in srgb,transparent 100%,var(--db-pink-9)));--db-pink-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-pink-6)),color-mix(in srgb,transparent 84%,var(--db-pink-9)));--db-pink-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-on-bg-enabled:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-on-bg-hover:light-dark(var(--db-pink-4),var(--db-pink-11));--db-pink-on-bg-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-weak-enabled:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-weak-hover:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-weak-pressed:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-on-contrast-enabled:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-on-contrast-hover:light-dark(var(--db-pink-13),var(--db-pink-4));--db-pink-on-contrast-pressed:light-dark(var(--db-pink-12),var(--db-pink-5));--db-pink-contrast-high-enabled:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-contrast-high-hover:light-dark(var(--db-pink-5),var(--db-pink-8));--db-pink-contrast-high-pressed:light-dark(var(--db-pink-4),var(--db-pink-7));--db-pink-contrast-low-enabled:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-contrast-low-hover:light-dark(var(--db-pink-6),var(--db-pink-7));--db-pink-contrast-low-pressed:light-dark(var(--db-pink-5),var(--db-pink-6));--db-pink-border:light-dark(var(--db-pink-10),var(--db-pink-6));--db-violet-on-enabled:light-dark(var(--db-violet-on-light),var(--db-violet-on-dark));--db-violet-on-hover:light-dark(var(--db-violet-on-hover-light),var(--db-violet-on-hover-dark));--db-violet-on-pressed:light-dark(var(--db-violet-on-pressed-light),var(--db-violet-on-pressed-dark));--db-violet-origin-enabled:light-dark(var(--db-violet-origin-light),var(--db-violet-origin-dark));--db-violet-origin-hover:light-dark(var(--db-violet-hover-light),var(--db-violet-hover-dark));--db-violet-origin-pressed:light-dark(var(--db-violet-pressed-light),var(--db-violet-pressed-dark));--db-violet-bg-lvl-1-enabled:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-bg-lvl-1-hover:light-dark(var(--db-violet-13),var(--db-violet-4));--db-violet-bg-lvl-1-pressed:light-dark(var(--db-violet-12),var(--db-violet-5));--db-violet-bg-lvl-2-enabled:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-bg-lvl-2-hover:light-dark(var(--db-violet-12),var(--db-violet-3));--db-violet-bg-lvl-2-pressed:light-dark(var(--db-violet-11),var(--db-violet-4));--db-violet-bg-lvl-3-enabled:light-dark(var(--db-violet-12),var(--db-violet-1));--db-violet-bg-lvl-3-hover:light-dark(var(--db-violet-11),var(--db-violet-2));--db-violet-bg-lvl-3-pressed:light-dark(var(--db-violet-10),var(--db-violet-3));--db-violet-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-violet-6)),color-mix(in srgb,transparent 100%,var(--db-violet-9)));--db-violet-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-violet-6)),color-mix(in srgb,transparent 84%,var(--db-violet-9)));--db-violet-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-on-bg-enabled:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-on-bg-hover:light-dark(var(--db-violet-4),var(--db-violet-11));--db-violet-on-bg-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-weak-enabled:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-weak-hover:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-weak-pressed:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-on-contrast-enabled:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-on-contrast-hover:light-dark(var(--db-violet-13),var(--db-violet-4));--db-violet-on-contrast-pressed:light-dark(var(--db-violet-12),var(--db-violet-5));--db-violet-contrast-high-enabled:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-contrast-high-hover:light-dark(var(--db-violet-5),var(--db-violet-8));--db-violet-contrast-high-pressed:light-dark(var(--db-violet-4),var(--db-violet-7));--db-violet-contrast-low-enabled:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-contrast-low-hover:light-dark(var(--db-violet-6),var(--db-violet-7));--db-violet-contrast-low-pressed:light-dark(var(--db-violet-5),var(--db-violet-6));--db-violet-border:light-dark(var(--db-violet-10),var(--db-violet-6));--db-blue-on-enabled:light-dark(var(--db-blue-on-light),var(--db-blue-on-dark));--db-blue-on-hover:light-dark(var(--db-blue-on-hover-light),var(--db-blue-on-hover-dark));--db-blue-on-pressed:light-dark(var(--db-blue-on-pressed-light),var(--db-blue-on-pressed-dark));--db-blue-origin-enabled:light-dark(var(--db-blue-origin-light),var(--db-blue-origin-dark));--db-blue-origin-hover:light-dark(var(--db-blue-hover-light),var(--db-blue-hover-dark));--db-blue-origin-pressed:light-dark(var(--db-blue-pressed-light),var(--db-blue-pressed-dark));--db-blue-bg-lvl-1-enabled:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-bg-lvl-1-hover:light-dark(var(--db-blue-13),var(--db-blue-4));--db-blue-bg-lvl-1-pressed:light-dark(var(--db-blue-12),var(--db-blue-5));--db-blue-bg-lvl-2-enabled:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-bg-lvl-2-hover:light-dark(var(--db-blue-12),var(--db-blue-3));--db-blue-bg-lvl-2-pressed:light-dark(var(--db-blue-11),var(--db-blue-4));--db-blue-bg-lvl-3-enabled:light-dark(var(--db-blue-12),var(--db-blue-1));--db-blue-bg-lvl-3-hover:light-dark(var(--db-blue-11),var(--db-blue-2));--db-blue-bg-lvl-3-pressed:light-dark(var(--db-blue-10),var(--db-blue-3));--db-blue-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-blue-6)),color-mix(in srgb,transparent 100%,var(--db-blue-9)));--db-blue-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-blue-6)),color-mix(in srgb,transparent 84%,var(--db-blue-9)));--db-blue-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-on-bg-enabled:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-on-bg-hover:light-dark(var(--db-blue-4),var(--db-blue-11));--db-blue-on-bg-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-weak-enabled:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-weak-hover:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-weak-pressed:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-on-contrast-enabled:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-on-contrast-hover:light-dark(var(--db-blue-13),var(--db-blue-4));--db-blue-on-contrast-pressed:light-dark(var(--db-blue-12),var(--db-blue-5));--db-blue-contrast-high-enabled:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-contrast-high-hover:light-dark(var(--db-blue-5),var(--db-blue-8));--db-blue-contrast-high-pressed:light-dark(var(--db-blue-4),var(--db-blue-7));--db-blue-contrast-low-enabled:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-contrast-low-hover:light-dark(var(--db-blue-6),var(--db-blue-7));--db-blue-contrast-low-pressed:light-dark(var(--db-blue-5),var(--db-blue-6));--db-blue-border:light-dark(var(--db-blue-10),var(--db-blue-6));--db-cyan-on-enabled:light-dark(var(--db-cyan-on-light),var(--db-cyan-on-dark));--db-cyan-on-hover:light-dark(var(--db-cyan-on-hover-light),var(--db-cyan-on-hover-dark));--db-cyan-on-pressed:light-dark(var(--db-cyan-on-pressed-light),var(--db-cyan-on-pressed-dark));--db-cyan-origin-enabled:light-dark(var(--db-cyan-origin-light),var(--db-cyan-origin-dark));--db-cyan-origin-hover:light-dark(var(--db-cyan-hover-light),var(--db-cyan-hover-dark));--db-cyan-origin-pressed:light-dark(var(--db-cyan-pressed-light),var(--db-cyan-pressed-dark));--db-cyan-bg-lvl-1-enabled:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-bg-lvl-1-hover:light-dark(var(--db-cyan-13),var(--db-cyan-4));--db-cyan-bg-lvl-1-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-5));--db-cyan-bg-lvl-2-enabled:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-bg-lvl-2-hover:light-dark(var(--db-cyan-12),var(--db-cyan-3));--db-cyan-bg-lvl-2-pressed:light-dark(var(--db-cyan-11),var(--db-cyan-4));--db-cyan-bg-lvl-3-enabled:light-dark(var(--db-cyan-12),var(--db-cyan-1));--db-cyan-bg-lvl-3-hover:light-dark(var(--db-cyan-11),var(--db-cyan-2));--db-cyan-bg-lvl-3-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-3));--db-cyan-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-cyan-6)),color-mix(in srgb,transparent 100%,var(--db-cyan-9)));--db-cyan-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-cyan-6)),color-mix(in srgb,transparent 84%,var(--db-cyan-9)));--db-cyan-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-on-bg-enabled:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-on-bg-hover:light-dark(var(--db-cyan-4),var(--db-cyan-11));--db-cyan-on-bg-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-weak-enabled:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-weak-hover:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-weak-pressed:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-on-contrast-enabled:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-on-contrast-hover:light-dark(var(--db-cyan-13),var(--db-cyan-4));--db-cyan-on-contrast-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-5));--db-cyan-contrast-high-enabled:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-contrast-high-hover:light-dark(var(--db-cyan-5),var(--db-cyan-8));--db-cyan-contrast-high-pressed:light-dark(var(--db-cyan-4),var(--db-cyan-7));--db-cyan-contrast-low-enabled:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-contrast-low-hover:light-dark(var(--db-cyan-6),var(--db-cyan-7));--db-cyan-contrast-low-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-6));--db-cyan-border:light-dark(var(--db-cyan-10),var(--db-cyan-6));--db-turquoise-on-enabled:light-dark(var(--db-turquoise-on-light),var(--db-turquoise-on-dark));--db-turquoise-on-hover:light-dark(var(--db-turquoise-on-hover-light),var(--db-turquoise-on-hover-dark));--db-turquoise-on-pressed:light-dark(var(--db-turquoise-on-pressed-light),var(--db-turquoise-on-pressed-dark));--db-turquoise-origin-enabled:light-dark(var(--db-turquoise-origin-light),var(--db-turquoise-origin-dark));--db-turquoise-origin-hover:light-dark(var(--db-turquoise-hover-light),var(--db-turquoise-hover-dark));--db-turquoise-origin-pressed:light-dark(var(--db-turquoise-pressed-light),var(--db-turquoise-pressed-dark));--db-turquoise-bg-lvl-1-enabled:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-bg-lvl-1-hover:light-dark(var(--db-turquoise-13),var(--db-turquoise-4));--db-turquoise-bg-lvl-1-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-5));--db-turquoise-bg-lvl-2-enabled:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-bg-lvl-2-hover:light-dark(var(--db-turquoise-12),var(--db-turquoise-3));--db-turquoise-bg-lvl-2-pressed:light-dark(var(--db-turquoise-11),var(--db-turquoise-4));--db-turquoise-bg-lvl-3-enabled:light-dark(var(--db-turquoise-12),var(--db-turquoise-1));--db-turquoise-bg-lvl-3-hover:light-dark(var(--db-turquoise-11),var(--db-turquoise-2));--db-turquoise-bg-lvl-3-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-3));--db-turquoise-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-turquoise-6)),color-mix(in srgb,transparent 100%,var(--db-turquoise-9)));--db-turquoise-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-turquoise-6)),color-mix(in srgb,transparent 84%,var(--db-turquoise-9)));--db-turquoise-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-on-bg-enabled:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-on-bg-hover:light-dark(var(--db-turquoise-4),var(--db-turquoise-11));--db-turquoise-on-bg-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-weak-enabled:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-weak-hover:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-weak-pressed:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-on-contrast-enabled:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-on-contrast-hover:light-dark(var(--db-turquoise-13),var(--db-turquoise-4));--db-turquoise-on-contrast-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-5));--db-turquoise-contrast-high-enabled:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-contrast-high-hover:light-dark(var(--db-turquoise-5),var(--db-turquoise-8));--db-turquoise-contrast-high-pressed:light-dark(var(--db-turquoise-4),var(--db-turquoise-7));--db-turquoise-contrast-low-enabled:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-contrast-low-hover:light-dark(var(--db-turquoise-6),var(--db-turquoise-7));--db-turquoise-contrast-low-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-6));--db-turquoise-border:light-dark(var(--db-turquoise-10),var(--db-turquoise-6));--db-green-on-enabled:light-dark(var(--db-green-on-light),var(--db-green-on-dark));--db-green-on-hover:light-dark(var(--db-green-on-hover-light),var(--db-green-on-hover-dark));--db-green-on-pressed:light-dark(var(--db-green-on-pressed-light),var(--db-green-on-pressed-dark));--db-green-origin-enabled:light-dark(var(--db-green-origin-light),var(--db-green-origin-dark));--db-green-origin-hover:light-dark(var(--db-green-hover-light),var(--db-green-hover-dark));--db-green-origin-pressed:light-dark(var(--db-green-pressed-light),var(--db-green-pressed-dark));--db-green-bg-lvl-1-enabled:light-dark(var(--db-green-14),var(--db-green-3));--db-green-bg-lvl-1-hover:light-dark(var(--db-green-13),var(--db-green-4));--db-green-bg-lvl-1-pressed:light-dark(var(--db-green-12),var(--db-green-5));--db-green-bg-lvl-2-enabled:light-dark(var(--db-green-13),var(--db-green-2));--db-green-bg-lvl-2-hover:light-dark(var(--db-green-12),var(--db-green-3));--db-green-bg-lvl-2-pressed:light-dark(var(--db-green-11),var(--db-green-4));--db-green-bg-lvl-3-enabled:light-dark(var(--db-green-12),var(--db-green-1));--db-green-bg-lvl-3-hover:light-dark(var(--db-green-11),var(--db-green-2));--db-green-bg-lvl-3-pressed:light-dark(var(--db-green-10),var(--db-green-3));--db-green-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-green-6)),color-mix(in srgb,transparent 100%,var(--db-green-9)));--db-green-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-green-6)),color-mix(in srgb,transparent 84%,var(--db-green-9)));--db-green-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-on-bg-enabled:light-dark(var(--db-green-3),var(--db-green-12));--db-green-on-bg-hover:light-dark(var(--db-green-4),var(--db-green-11));--db-green-on-bg-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-weak-enabled:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-weak-hover:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-weak-pressed:light-dark(var(--db-green-7),var(--db-green-8));--db-green-on-contrast-enabled:light-dark(var(--db-green-14),var(--db-green-3));--db-green-on-contrast-hover:light-dark(var(--db-green-13),var(--db-green-4));--db-green-on-contrast-pressed:light-dark(var(--db-green-12),var(--db-green-5));--db-green-contrast-high-enabled:light-dark(var(--db-green-6),var(--db-green-9));--db-green-contrast-high-hover:light-dark(var(--db-green-5),var(--db-green-8));--db-green-contrast-high-pressed:light-dark(var(--db-green-4),var(--db-green-7));--db-green-contrast-low-enabled:light-dark(var(--db-green-7),var(--db-green-8));--db-green-contrast-low-hover:light-dark(var(--db-green-6),var(--db-green-7));--db-green-contrast-low-pressed:light-dark(var(--db-green-5),var(--db-green-6));--db-green-border:light-dark(var(--db-green-10),var(--db-green-6))}@media(prefers-color-scheme:dark){:root{--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=")}}html:not(:has(>head>meta[name=color-scheme])){color-scheme:light dark}[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.0dbb9346.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.60603cc4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.0a38cc4d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.db14691e.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.dca390bb.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.9314f0ec.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.a5a02299.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.84644923.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.84644923.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.e63dd995.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.292409af.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.c33e2939.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.c33e2939.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.a716e8ba.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.7607b984.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:16;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.f8ee2a39.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:20;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.86871a1c.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:24;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.d52c5134.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:32;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.1b73a696.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:48;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.1b73a696.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:64;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.1b73a696.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=filled]:after,[data-icon-variant-before=filled]:before,[data-icon-variant=filled]:before{--db-icon-font-family:"db-ux-filled"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-divider-top-before,[data-divider=top-before]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-top-before[data-emphasis=strong],[data-divider=top-before][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-top-before:before,[data-divider=top-before]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}.db-divider-top-after,[data-divider=top-after]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-top-after[data-emphasis=strong],[data-divider=top-after][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-top-after:after,[data-divider=top-after]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}.db-divider-bottom-before,[data-divider=bottom-before]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-bottom-before[data-emphasis=strong],[data-divider=bottom-before][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-bottom-before:before,[data-divider=bottom-before]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-divider-bottom-after,[data-divider=bottom-after]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-bottom-after[data-emphasis=strong],[data-divider=bottom-after][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-bottom-after:after,[data-divider=bottom-after]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-divider-left-before,[data-divider=left-before]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-left-before[data-emphasis=strong],[data-divider=left-before][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-left-before:before,[data-divider=left-before]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}.db-divider-left-after,[data-divider=left-after]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-left-after[data-emphasis=strong],[data-divider=left-after][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-left-after:after,[data-divider=left-after]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}.db-divider-right-before,[data-divider=right-before]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-right-before[data-emphasis=strong],[data-divider=right-before][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-right-before:before,[data-divider=right-before]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-end:0;inset-block:0}.db-divider-right-after,[data-divider=right-after]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-right-after[data-emphasis=strong],[data-divider=right-after][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-right-after:after,[data-divider=right-after]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-end:0;inset-block:0}.db-blue-bg-lvl-1,.db-blue-bg-lvl-2,.db-blue-bg-lvl-3,.db-blue-bg-transparent-full,.db-blue-bg-transparent-semi,.db-blue-contrast-high,.db-blue-contrast-high-interactive,.db-blue-contrast-low,.db-blue-contrast-low-interactive,.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,.db-brand-contrast-high,.db-brand-contrast-high-interactive,.db-brand-contrast-low,.db-brand-contrast-low-interactive,.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-critical-contrast-high,.db-critical-contrast-high-interactive,.db-critical-contrast-low,.db-critical-contrast-low-interactive,.db-cyan-bg-lvl-1,.db-cyan-bg-lvl-2,.db-cyan-bg-lvl-3,.db-cyan-bg-transparent-full,.db-cyan-bg-transparent-semi,.db-cyan-contrast-high,.db-cyan-contrast-high-interactive,.db-cyan-contrast-low,.db-cyan-contrast-low-interactive,.db-green-bg-lvl-1,.db-green-bg-lvl-2,.db-green-bg-lvl-3,.db-green-bg-transparent-full,.db-green-bg-transparent-semi,.db-green-contrast-high,.db-green-contrast-high-interactive,.db-green-contrast-low,.db-green-contrast-low-interactive,.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-informational-contrast-high,.db-informational-contrast-high-interactive,.db-informational-contrast-low,.db-informational-contrast-low-interactive,.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,.db-neutral-contrast-low,.db-neutral-contrast-low-interactive,.db-orange-bg-lvl-1,.db-orange-bg-lvl-2,.db-orange-bg-lvl-3,.db-orange-bg-transparent-full,.db-orange-bg-transparent-semi,.db-orange-contrast-high,.db-orange-contrast-high-interactive,.db-orange-contrast-low,.db-orange-contrast-low-interactive,.db-pink-bg-lvl-1,.db-pink-bg-lvl-2,.db-pink-bg-lvl-3,.db-pink-bg-transparent-full,.db-pink-bg-transparent-semi,.db-pink-contrast-high,.db-pink-contrast-high-interactive,.db-pink-contrast-low,.db-pink-contrast-low-interactive,.db-red-bg-lvl-1,.db-red-bg-lvl-2,.db-red-bg-lvl-3,.db-red-bg-transparent-full,.db-red-bg-transparent-semi,.db-red-contrast-high,.db-red-contrast-high-interactive,.db-red-contrast-low,.db-red-contrast-low-interactive,.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-successful-contrast-high,.db-successful-contrast-high-interactive,.db-successful-contrast-low,.db-successful-contrast-low-interactive,.db-turquoise-bg-lvl-1,.db-turquoise-bg-lvl-2,.db-turquoise-bg-lvl-3,.db-turquoise-bg-transparent-full,.db-turquoise-bg-transparent-semi,.db-turquoise-contrast-high,.db-turquoise-contrast-high-interactive,.db-turquoise-contrast-low,.db-turquoise-contrast-low-interactive,.db-violet-bg-lvl-1,.db-violet-bg-lvl-2,.db-violet-bg-lvl-3,.db-violet-bg-transparent-full,.db-violet-bg-transparent-semi,.db-violet-contrast-high,.db-violet-contrast-high-interactive,.db-violet-contrast-low,.db-violet-contrast-low-interactive,.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,.db-warning-contrast-high,.db-warning-contrast-high-interactive,.db-warning-contrast-low,.db-warning-contrast-low-interactive,.db-yellow-bg-lvl-1,.db-yellow-bg-lvl-2,.db-yellow-bg-lvl-3,.db-yellow-bg-transparent-full,.db-yellow-bg-transparent-semi,.db-yellow-contrast-high,.db-yellow-contrast-high-interactive,.db-yellow-contrast-low,.db-yellow-contrast-low-interactive,[data-color=blue-bg-lvl-1],[data-color=blue-bg-lvl-2],[data-color=blue-bg-lvl-3],[data-color=blue-bg-transparent-full],[data-color=blue-bg-transparent-semi],[data-color=blue-contrast-high-interactive],[data-color=blue-contrast-high],[data-color=blue-contrast-low-interactive],[data-color=blue-contrast-low],[data-color=brand-bg-lvl-1],[data-color=brand-bg-lvl-2],[data-color=brand-bg-lvl-3],[data-color=brand-bg-transparent-full],[data-color=brand-bg-transparent-semi],[data-color=brand-contrast-high-interactive],[data-color=brand-contrast-high],[data-color=brand-contrast-low-interactive],[data-color=brand-contrast-low],[data-color=critical-bg-lvl-1],[data-color=critical-bg-lvl-2],[data-color=critical-bg-lvl-3],[data-color=critical-bg-transparent-full],[data-color=critical-bg-transparent-semi],[data-color=critical-contrast-high-interactive],[data-color=critical-contrast-high],[data-color=critical-contrast-low-interactive],[data-color=critical-contrast-low],[data-color=cyan-bg-lvl-1],[data-color=cyan-bg-lvl-2],[data-color=cyan-bg-lvl-3],[data-color=cyan-bg-transparent-full],[data-color=cyan-bg-transparent-semi],[data-color=cyan-contrast-high-interactive],[data-color=cyan-contrast-high],[data-color=cyan-contrast-low-interactive],[data-color=cyan-contrast-low],[data-color=green-bg-lvl-1],[data-color=green-bg-lvl-2],[data-color=green-bg-lvl-3],[data-color=green-bg-transparent-full],[data-color=green-bg-transparent-semi],[data-color=green-contrast-high-interactive],[data-color=green-contrast-high],[data-color=green-contrast-low-interactive],[data-color=green-contrast-low],[data-color=informational-bg-lvl-1],[data-color=informational-bg-lvl-2],[data-color=informational-bg-lvl-3],[data-color=informational-bg-transparent-full],[data-color=informational-bg-transparent-semi],[data-color=informational-contrast-high-interactive],[data-color=informational-contrast-high],[data-color=informational-contrast-low-interactive],[data-color=informational-contrast-low],[data-color=neutral-bg-lvl-1],[data-color=neutral-bg-lvl-2],[data-color=neutral-bg-lvl-3],[data-color=neutral-bg-transparent-full],[data-color=neutral-bg-transparent-semi],[data-color=neutral-contrast-high-interactive],[data-color=neutral-contrast-high],[data-color=neutral-contrast-low-interactive],[data-color=neutral-contrast-low],[data-color=orange-bg-lvl-1],[data-color=orange-bg-lvl-2],[data-color=orange-bg-lvl-3],[data-color=orange-bg-transparent-full],[data-color=orange-bg-transparent-semi],[data-color=orange-contrast-high-interactive],[data-color=orange-contrast-high],[data-color=orange-contrast-low-interactive],[data-color=orange-contrast-low],[data-color=pink-bg-lvl-1],[data-color=pink-bg-lvl-2],[data-color=pink-bg-lvl-3],[data-color=pink-bg-transparent-full],[data-color=pink-bg-transparent-semi],[data-color=pink-contrast-high-interactive],[data-color=pink-contrast-high],[data-color=pink-contrast-low-interactive],[data-color=pink-contrast-low],[data-color=red-bg-lvl-1],[data-color=red-bg-lvl-2],[data-color=red-bg-lvl-3],[data-color=red-bg-transparent-full],[data-color=red-bg-transparent-semi],[data-color=red-contrast-high-interactive],[data-color=red-contrast-high],[data-color=red-contrast-low-interactive],[data-color=red-contrast-low],[data-color=successful-bg-lvl-1],[data-color=successful-bg-lvl-2],[data-color=successful-bg-lvl-3],[data-color=successful-bg-transparent-full],[data-color=successful-bg-transparent-semi],[data-color=successful-contrast-high-interactive],[data-color=successful-contrast-high],[data-color=successful-contrast-low-interactive],[data-color=successful-contrast-low],[data-color=turquoise-bg-lvl-1],[data-color=turquoise-bg-lvl-2],[data-color=turquoise-bg-lvl-3],[data-color=turquoise-bg-transparent-full],[data-color=turquoise-bg-transparent-semi],[data-color=turquoise-contrast-high-interactive],[data-color=turquoise-contrast-high],[data-color=turquoise-contrast-low-interactive],[data-color=turquoise-contrast-low],[data-color=violet-bg-lvl-1],[data-color=violet-bg-lvl-2],[data-color=violet-bg-lvl-3],[data-color=violet-bg-transparent-full],[data-color=violet-bg-transparent-semi],[data-color=violet-contrast-high-interactive],[data-color=violet-contrast-high],[data-color=violet-contrast-low-interactive],[data-color=violet-contrast-low],[data-color=warning-bg-lvl-1],[data-color=warning-bg-lvl-2],[data-color=warning-bg-lvl-3],[data-color=warning-bg-transparent-full],[data-color=warning-bg-transparent-semi],[data-color=warning-contrast-high-interactive],[data-color=warning-contrast-high],[data-color=warning-contrast-low-interactive],[data-color=warning-contrast-low],[data-color=yellow-bg-lvl-1],[data-color=yellow-bg-lvl-2],[data-color=yellow-bg-lvl-3],[data-color=yellow-bg-transparent-full],[data-color=yellow-bg-transparent-semi],[data-color=yellow-contrast-high-interactive],[data-color=yellow-contrast-high],[data-color=yellow-contrast-low-interactive],[data-color=yellow-contrast-low]{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-blue-bg-lvl-1:after,.db-blue-bg-lvl-1:before,.db-blue-bg-lvl-2:after,.db-blue-bg-lvl-2:before,.db-blue-bg-lvl-3:after,.db-blue-bg-lvl-3:before,.db-blue-bg-transparent-full:after,.db-blue-bg-transparent-full:before,.db-blue-bg-transparent-semi:after,.db-blue-bg-transparent-semi:before,.db-blue-contrast-high-interactive:after,.db-blue-contrast-high-interactive:before,.db-blue-contrast-high:after,.db-blue-contrast-high:before,.db-blue-contrast-low-interactive:after,.db-blue-contrast-low-interactive:before,.db-blue-contrast-low:after,.db-blue-contrast-low:before,.db-brand-bg-lvl-1:after,.db-brand-bg-lvl-1:before,.db-brand-bg-lvl-2:after,.db-brand-bg-lvl-2:before,.db-brand-bg-lvl-3:after,.db-brand-bg-lvl-3:before,.db-brand-bg-transparent-full:after,.db-brand-bg-transparent-full:before,.db-brand-bg-transparent-semi:after,.db-brand-bg-transparent-semi:before,.db-brand-contrast-high-interactive:after,.db-brand-contrast-high-interactive:before,.db-brand-contrast-high:after,.db-brand-contrast-high:before,.db-brand-contrast-low-interactive:after,.db-brand-contrast-low-interactive:before,.db-brand-contrast-low:after,.db-brand-contrast-low:before,.db-critical-bg-lvl-1:after,.db-critical-bg-lvl-1:before,.db-critical-bg-lvl-2:after,.db-critical-bg-lvl-2:before,.db-critical-bg-lvl-3:after,.db-critical-bg-lvl-3:before,.db-critical-bg-transparent-full:after,.db-critical-bg-transparent-full:before,.db-critical-bg-transparent-semi:after,.db-critical-bg-transparent-semi:before,.db-critical-contrast-high-interactive:after,.db-critical-contrast-high-interactive:before,.db-critical-contrast-high:after,.db-critical-contrast-high:before,.db-critical-contrast-low-interactive:after,.db-critical-contrast-low-interactive:before,.db-critical-contrast-low:after,.db-critical-contrast-low:before,.db-cyan-bg-lvl-1:after,.db-cyan-bg-lvl-1:before,.db-cyan-bg-lvl-2:after,.db-cyan-bg-lvl-2:before,.db-cyan-bg-lvl-3:after,.db-cyan-bg-lvl-3:before,.db-cyan-bg-transparent-full:after,.db-cyan-bg-transparent-full:before,.db-cyan-bg-transparent-semi:after,.db-cyan-bg-transparent-semi:before,.db-cyan-contrast-high-interactive:after,.db-cyan-contrast-high-interactive:before,.db-cyan-contrast-high:after,.db-cyan-contrast-high:before,.db-cyan-contrast-low-interactive:after,.db-cyan-contrast-low-interactive:before,.db-cyan-contrast-low:after,.db-cyan-contrast-low:before,.db-green-bg-lvl-1:after,.db-green-bg-lvl-1:before,.db-green-bg-lvl-2:after,.db-green-bg-lvl-2:before,.db-green-bg-lvl-3:after,.db-green-bg-lvl-3:before,.db-green-bg-transparent-full:after,.db-green-bg-transparent-full:before,.db-green-bg-transparent-semi:after,.db-green-bg-transparent-semi:before,.db-green-contrast-high-interactive:after,.db-green-contrast-high-interactive:before,.db-green-contrast-high:after,.db-green-contrast-high:before,.db-green-contrast-low-interactive:after,.db-green-contrast-low-interactive:before,.db-green-contrast-low:after,.db-green-contrast-low:before,.db-informational-bg-lvl-1:after,.db-informational-bg-lvl-1:before,.db-informational-bg-lvl-2:after,.db-informational-bg-lvl-2:before,.db-informational-bg-lvl-3:after,.db-informational-bg-lvl-3:before,.db-informational-bg-transparent-full:after,.db-informational-bg-transparent-full:before,.db-informational-bg-transparent-semi:after,.db-informational-bg-transparent-semi:before,.db-informational-contrast-high-interactive:after,.db-informational-contrast-high-interactive:before,.db-informational-contrast-high:after,.db-informational-contrast-high:before,.db-informational-contrast-low-interactive:after,.db-informational-contrast-low-interactive:before,.db-informational-contrast-low:after,.db-informational-contrast-low:before,.db-neutral-bg-lvl-1:after,.db-neutral-bg-lvl-1:before,.db-neutral-bg-lvl-2:after,.db-neutral-bg-lvl-2:before,.db-neutral-bg-lvl-3:after,.db-neutral-bg-lvl-3:before,.db-neutral-bg-transparent-full:after,.db-neutral-bg-transparent-full:before,.db-neutral-bg-transparent-semi:after,.db-neutral-bg-transparent-semi:before,.db-neutral-contrast-high-interactive:after,.db-neutral-contrast-high-interactive:before,.db-neutral-contrast-high:after,.db-neutral-contrast-high:before,.db-neutral-contrast-low-interactive:after,.db-neutral-contrast-low-interactive:before,.db-neutral-contrast-low:after,.db-neutral-contrast-low:before,.db-orange-bg-lvl-1:after,.db-orange-bg-lvl-1:before,.db-orange-bg-lvl-2:after,.db-orange-bg-lvl-2:before,.db-orange-bg-lvl-3:after,.db-orange-bg-lvl-3:before,.db-orange-bg-transparent-full:after,.db-orange-bg-transparent-full:before,.db-orange-bg-transparent-semi:after,.db-orange-bg-transparent-semi:before,.db-orange-contrast-high-interactive:after,.db-orange-contrast-high-interactive:before,.db-orange-contrast-high:after,.db-orange-contrast-high:before,.db-orange-contrast-low-interactive:after,.db-orange-contrast-low-interactive:before,.db-orange-contrast-low:after,.db-orange-contrast-low:before,.db-pink-bg-lvl-1:after,.db-pink-bg-lvl-1:before,.db-pink-bg-lvl-2:after,.db-pink-bg-lvl-2:before,.db-pink-bg-lvl-3:after,.db-pink-bg-lvl-3:before,.db-pink-bg-transparent-full:after,.db-pink-bg-transparent-full:before,.db-pink-bg-transparent-semi:after,.db-pink-bg-transparent-semi:before,.db-pink-contrast-high-interactive:after,.db-pink-contrast-high-interactive:before,.db-pink-contrast-high:after,.db-pink-contrast-high:before,.db-pink-contrast-low-interactive:after,.db-pink-contrast-low-interactive:before,.db-pink-contrast-low:after,.db-pink-contrast-low:before,.db-red-bg-lvl-1:after,.db-red-bg-lvl-1:before,.db-red-bg-lvl-2:after,.db-red-bg-lvl-2:before,.db-red-bg-lvl-3:after,.db-red-bg-lvl-3:before,.db-red-bg-transparent-full:after,.db-red-bg-transparent-full:before,.db-red-bg-transparent-semi:after,.db-red-bg-transparent-semi:before,.db-red-contrast-high-interactive:after,.db-red-contrast-high-interactive:before,.db-red-contrast-high:after,.db-red-contrast-high:before,.db-red-contrast-low-interactive:after,.db-red-contrast-low-interactive:before,.db-red-contrast-low:after,.db-red-contrast-low:before,.db-successful-bg-lvl-1:after,.db-successful-bg-lvl-1:before,.db-successful-bg-lvl-2:after,.db-successful-bg-lvl-2:before,.db-successful-bg-lvl-3:after,.db-successful-bg-lvl-3:before,.db-successful-bg-transparent-full:after,.db-successful-bg-transparent-full:before,.db-successful-bg-transparent-semi:after,.db-successful-bg-transparent-semi:before,.db-successful-contrast-high-interactive:after,.db-successful-contrast-high-interactive:before,.db-successful-contrast-high:after,.db-successful-contrast-high:before,.db-successful-contrast-low-interactive:after,.db-successful-contrast-low-interactive:before,.db-successful-contrast-low:after,.db-successful-contrast-low:before,.db-turquoise-bg-lvl-1:after,.db-turquoise-bg-lvl-1:before,.db-turquoise-bg-lvl-2:after,.db-turquoise-bg-lvl-2:before,.db-turquoise-bg-lvl-3:after,.db-turquoise-bg-lvl-3:before,.db-turquoise-bg-transparent-full:after,.db-turquoise-bg-transparent-full:before,.db-turquoise-bg-transparent-semi:after,.db-turquoise-bg-transparent-semi:before,.db-turquoise-contrast-high-interactive:after,.db-turquoise-contrast-high-interactive:before,.db-turquoise-contrast-high:after,.db-turquoise-contrast-high:before,.db-turquoise-contrast-low-interactive:after,.db-turquoise-contrast-low-interactive:before,.db-turquoise-contrast-low:after,.db-turquoise-contrast-low:before,.db-violet-bg-lvl-1:after,.db-violet-bg-lvl-1:before,.db-violet-bg-lvl-2:after,.db-violet-bg-lvl-2:before,.db-violet-bg-lvl-3:after,.db-violet-bg-lvl-3:before,.db-violet-bg-transparent-full:after,.db-violet-bg-transparent-full:before,.db-violet-bg-transparent-semi:after,.db-violet-bg-transparent-semi:before,.db-violet-contrast-high-interactive:after,.db-violet-contrast-high-interactive:before,.db-violet-contrast-high:after,.db-violet-contrast-high:before,.db-violet-contrast-low-interactive:after,.db-violet-contrast-low-interactive:before,.db-violet-contrast-low:after,.db-violet-contrast-low:before,.db-warning-bg-lvl-1:after,.db-warning-bg-lvl-1:before,.db-warning-bg-lvl-2:after,.db-warning-bg-lvl-2:before,.db-warning-bg-lvl-3:after,.db-warning-bg-lvl-3:before,.db-warning-bg-transparent-full:after,.db-warning-bg-transparent-full:before,.db-warning-bg-transparent-semi:after,.db-warning-bg-transparent-semi:before,.db-warning-contrast-high-interactive:after,.db-warning-contrast-high-interactive:before,.db-warning-contrast-high:after,.db-warning-contrast-high:before,.db-warning-contrast-low-interactive:after,.db-warning-contrast-low-interactive:before,.db-warning-contrast-low:after,.db-warning-contrast-low:before,.db-yellow-bg-lvl-1:after,.db-yellow-bg-lvl-1:before,.db-yellow-bg-lvl-2:after,.db-yellow-bg-lvl-2:before,.db-yellow-bg-lvl-3:after,.db-yellow-bg-lvl-3:before,.db-yellow-bg-transparent-full:after,.db-yellow-bg-transparent-full:before,.db-yellow-bg-transparent-semi:after,.db-yellow-bg-transparent-semi:before,.db-yellow-contrast-high-interactive:after,.db-yellow-contrast-high-interactive:before,.db-yellow-contrast-high:after,.db-yellow-contrast-high:before,.db-yellow-contrast-low-interactive:after,.db-yellow-contrast-low-interactive:before,.db-yellow-contrast-low:after,.db-yellow-contrast-low:before,[data-color=blue-bg-lvl-1]:after,[data-color=blue-bg-lvl-1]:before,[data-color=blue-bg-lvl-2]:after,[data-color=blue-bg-lvl-2]:before,[data-color=blue-bg-lvl-3]:after,[data-color=blue-bg-lvl-3]:before,[data-color=blue-bg-transparent-full]:after,[data-color=blue-bg-transparent-full]:before,[data-color=blue-bg-transparent-semi]:after,[data-color=blue-bg-transparent-semi]:before,[data-color=blue-contrast-high-interactive]:after,[data-color=blue-contrast-high-interactive]:before,[data-color=blue-contrast-high]:after,[data-color=blue-contrast-high]:before,[data-color=blue-contrast-low-interactive]:after,[data-color=blue-contrast-low-interactive]:before,[data-color=blue-contrast-low]:after,[data-color=blue-contrast-low]:before,[data-color=brand-bg-lvl-1]:after,[data-color=brand-bg-lvl-1]:before,[data-color=brand-bg-lvl-2]:after,[data-color=brand-bg-lvl-2]:before,[data-color=brand-bg-lvl-3]:after,[data-color=brand-bg-lvl-3]:before,[data-color=brand-bg-transparent-full]:after,[data-color=brand-bg-transparent-full]:before,[data-color=brand-bg-transparent-semi]:after,[data-color=brand-bg-transparent-semi]:before,[data-color=brand-contrast-high-interactive]:after,[data-color=brand-contrast-high-interactive]:before,[data-color=brand-contrast-high]:after,[data-color=brand-contrast-high]:before,[data-color=brand-contrast-low-interactive]:after,[data-color=brand-contrast-low-interactive]:before,[data-color=brand-contrast-low]:after,[data-color=brand-contrast-low]:before,[data-color=critical-bg-lvl-1]:after,[data-color=critical-bg-lvl-1]:before,[data-color=critical-bg-lvl-2]:after,[data-color=critical-bg-lvl-2]:before,[data-color=critical-bg-lvl-3]:after,[data-color=critical-bg-lvl-3]:before,[data-color=critical-bg-transparent-full]:after,[data-color=critical-bg-transparent-full]:before,[data-color=critical-bg-transparent-semi]:after,[data-color=critical-bg-transparent-semi]:before,[data-color=critical-contrast-high-interactive]:after,[data-color=critical-contrast-high-interactive]:before,[data-color=critical-contrast-high]:after,[data-color=critical-contrast-high]:before,[data-color=critical-contrast-low-interactive]:after,[data-color=critical-contrast-low-interactive]:before,[data-color=critical-contrast-low]:after,[data-color=critical-contrast-low]:before,[data-color=cyan-bg-lvl-1]:after,[data-color=cyan-bg-lvl-1]:before,[data-color=cyan-bg-lvl-2]:after,[data-color=cyan-bg-lvl-2]:before,[data-color=cyan-bg-lvl-3]:after,[data-color=cyan-bg-lvl-3]:before,[data-color=cyan-bg-transparent-full]:after,[data-color=cyan-bg-transparent-full]:before,[data-color=cyan-bg-transparent-semi]:after,[data-color=cyan-bg-transparent-semi]:before,[data-color=cyan-contrast-high-interactive]:after,[data-color=cyan-contrast-high-interactive]:before,[data-color=cyan-contrast-high]:after,[data-color=cyan-contrast-high]:before,[data-color=cyan-contrast-low-interactive]:after,[data-color=cyan-contrast-low-interactive]:before,[data-color=cyan-contrast-low]:after,[data-color=cyan-contrast-low]:before,[data-color=green-bg-lvl-1]:after,[data-color=green-bg-lvl-1]:before,[data-color=green-bg-lvl-2]:after,[data-color=green-bg-lvl-2]:before,[data-color=green-bg-lvl-3]:after,[data-color=green-bg-lvl-3]:before,[data-color=green-bg-transparent-full]:after,[data-color=green-bg-transparent-full]:before,[data-color=green-bg-transparent-semi]:after,[data-color=green-bg-transparent-semi]:before,[data-color=green-contrast-high-interactive]:after,[data-color=green-contrast-high-interactive]:before,[data-color=green-contrast-high]:after,[data-color=green-contrast-high]:before,[data-color=green-contrast-low-interactive]:after,[data-color=green-contrast-low-interactive]:before,[data-color=green-contrast-low]:after,[data-color=green-contrast-low]:before,[data-color=informational-bg-lvl-1]:after,[data-color=informational-bg-lvl-1]:before,[data-color=informational-bg-lvl-2]:after,[data-color=informational-bg-lvl-2]:before,[data-color=informational-bg-lvl-3]:after,[data-color=informational-bg-lvl-3]:before,[data-color=informational-bg-transparent-full]:after,[data-color=informational-bg-transparent-full]:before,[data-color=informational-bg-transparent-semi]:after,[data-color=informational-bg-transparent-semi]:before,[data-color=informational-contrast-high-interactive]:after,[data-color=informational-contrast-high-interactive]:before,[data-color=informational-contrast-high]:after,[data-color=informational-contrast-high]:before,[data-color=informational-contrast-low-interactive]:after,[data-color=informational-contrast-low-interactive]:before,[data-color=informational-contrast-low]:after,[data-color=informational-contrast-low]:before,[data-color=neutral-bg-lvl-1]:after,[data-color=neutral-bg-lvl-1]:before,[data-color=neutral-bg-lvl-2]:after,[data-color=neutral-bg-lvl-2]:before,[data-color=neutral-bg-lvl-3]:after,[data-color=neutral-bg-lvl-3]:before,[data-color=neutral-bg-transparent-full]:after,[data-color=neutral-bg-transparent-full]:before,[data-color=neutral-bg-transparent-semi]:after,[data-color=neutral-bg-transparent-semi]:before,[data-color=neutral-contrast-high-interactive]:after,[data-color=neutral-contrast-high-interactive]:before,[data-color=neutral-contrast-high]:after,[data-color=neutral-contrast-high]:before,[data-color=neutral-contrast-low-interactive]:after,[data-color=neutral-contrast-low-interactive]:before,[data-color=neutral-contrast-low]:after,[data-color=neutral-contrast-low]:before,[data-color=orange-bg-lvl-1]:after,[data-color=orange-bg-lvl-1]:before,[data-color=orange-bg-lvl-2]:after,[data-color=orange-bg-lvl-2]:before,[data-color=orange-bg-lvl-3]:after,[data-color=orange-bg-lvl-3]:before,[data-color=orange-bg-transparent-full]:after,[data-color=orange-bg-transparent-full]:before,[data-color=orange-bg-transparent-semi]:after,[data-color=orange-bg-transparent-semi]:before,[data-color=orange-contrast-high-interactive]:after,[data-color=orange-contrast-high-interactive]:before,[data-color=orange-contrast-high]:after,[data-color=orange-contrast-high]:before,[data-color=orange-contrast-low-interactive]:after,[data-color=orange-contrast-low-interactive]:before,[data-color=orange-contrast-low]:after,[data-color=orange-contrast-low]:before,[data-color=pink-bg-lvl-1]:after,[data-color=pink-bg-lvl-1]:before,[data-color=pink-bg-lvl-2]:after,[data-color=pink-bg-lvl-2]:before,[data-color=pink-bg-lvl-3]:after,[data-color=pink-bg-lvl-3]:before,[data-color=pink-bg-transparent-full]:after,[data-color=pink-bg-transparent-full]:before,[data-color=pink-bg-transparent-semi]:after,[data-color=pink-bg-transparent-semi]:before,[data-color=pink-contrast-high-interactive]:after,[data-color=pink-contrast-high-interactive]:before,[data-color=pink-contrast-high]:after,[data-color=pink-contrast-high]:before,[data-color=pink-contrast-low-interactive]:after,[data-color=pink-contrast-low-interactive]:before,[data-color=pink-contrast-low]:after,[data-color=pink-contrast-low]:before,[data-color=red-bg-lvl-1]:after,[data-color=red-bg-lvl-1]:before,[data-color=red-bg-lvl-2]:after,[data-color=red-bg-lvl-2]:before,[data-color=red-bg-lvl-3]:after,[data-color=red-bg-lvl-3]:before,[data-color=red-bg-transparent-full]:after,[data-color=red-bg-transparent-full]:before,[data-color=red-bg-transparent-semi]:after,[data-color=red-bg-transparent-semi]:before,[data-color=red-contrast-high-interactive]:after,[data-color=red-contrast-high-interactive]:before,[data-color=red-contrast-high]:after,[data-color=red-contrast-high]:before,[data-color=red-contrast-low-interactive]:after,[data-color=red-contrast-low-interactive]:before,[data-color=red-contrast-low]:after,[data-color=red-contrast-low]:before,[data-color=successful-bg-lvl-1]:after,[data-color=successful-bg-lvl-1]:before,[data-color=successful-bg-lvl-2]:after,[data-color=successful-bg-lvl-2]:before,[data-color=successful-bg-lvl-3]:after,[data-color=successful-bg-lvl-3]:before,[data-color=successful-bg-transparent-full]:after,[data-color=successful-bg-transparent-full]:before,[data-color=successful-bg-transparent-semi]:after,[data-color=successful-bg-transparent-semi]:before,[data-color=successful-contrast-high-interactive]:after,[data-color=successful-contrast-high-interactive]:before,[data-color=successful-contrast-high]:after,[data-color=successful-contrast-high]:before,[data-color=successful-contrast-low-interactive]:after,[data-color=successful-contrast-low-interactive]:before,[data-color=successful-contrast-low]:after,[data-color=successful-contrast-low]:before,[data-color=turquoise-bg-lvl-1]:after,[data-color=turquoise-bg-lvl-1]:before,[data-color=turquoise-bg-lvl-2]:after,[data-color=turquoise-bg-lvl-2]:before,[data-color=turquoise-bg-lvl-3]:after,[data-color=turquoise-bg-lvl-3]:before,[data-color=turquoise-bg-transparent-full]:after,[data-color=turquoise-bg-transparent-full]:before,[data-color=turquoise-bg-transparent-semi]:after,[data-color=turquoise-bg-transparent-semi]:before,[data-color=turquoise-contrast-high-interactive]:after,[data-color=turquoise-contrast-high-interactive]:before,[data-color=turquoise-contrast-high]:after,[data-color=turquoise-contrast-high]:before,[data-color=turquoise-contrast-low-interactive]:after,[data-color=turquoise-contrast-low-interactive]:before,[data-color=turquoise-contrast-low]:after,[data-color=turquoise-contrast-low]:before,[data-color=violet-bg-lvl-1]:after,[data-color=violet-bg-lvl-1]:before,[data-color=violet-bg-lvl-2]:after,[data-color=violet-bg-lvl-2]:before,[data-color=violet-bg-lvl-3]:after,[data-color=violet-bg-lvl-3]:before,[data-color=violet-bg-transparent-full]:after,[data-color=violet-bg-transparent-full]:before,[data-color=violet-bg-transparent-semi]:after,[data-color=violet-bg-transparent-semi]:before,[data-color=violet-contrast-high-interactive]:after,[data-color=violet-contrast-high-interactive]:before,[data-color=violet-contrast-high]:after,[data-color=violet-contrast-high]:before,[data-color=violet-contrast-low-interactive]:after,[data-color=violet-contrast-low-interactive]:before,[data-color=violet-contrast-low]:after,[data-color=violet-contrast-low]:before,[data-color=warning-bg-lvl-1]:after,[data-color=warning-bg-lvl-1]:before,[data-color=warning-bg-lvl-2]:after,[data-color=warning-bg-lvl-2]:before,[data-color=warning-bg-lvl-3]:after,[data-color=warning-bg-lvl-3]:before,[data-color=warning-bg-transparent-full]:after,[data-color=warning-bg-transparent-full]:before,[data-color=warning-bg-transparent-semi]:after,[data-color=warning-bg-transparent-semi]:before,[data-color=warning-contrast-high-interactive]:after,[data-color=warning-contrast-high-interactive]:before,[data-color=warning-contrast-high]:after,[data-color=warning-contrast-high]:before,[data-color=warning-contrast-low-interactive]:after,[data-color=warning-contrast-low-interactive]:before,[data-color=warning-contrast-low]:after,[data-color=warning-contrast-low]:before,[data-color=yellow-bg-lvl-1]:after,[data-color=yellow-bg-lvl-1]:before,[data-color=yellow-bg-lvl-2]:after,[data-color=yellow-bg-lvl-2]:before,[data-color=yellow-bg-lvl-3]:after,[data-color=yellow-bg-lvl-3]:before,[data-color=yellow-bg-transparent-full]:after,[data-color=yellow-bg-transparent-full]:before,[data-color=yellow-bg-transparent-semi]:after,[data-color=yellow-bg-transparent-semi]:before,[data-color=yellow-contrast-high-interactive]:after,[data-color=yellow-contrast-high-interactive]:before,[data-color=yellow-contrast-high]:after,[data-color=yellow-contrast-high]:before,[data-color=yellow-contrast-low-interactive]:after,[data-color=yellow-contrast-low-interactive]:before,[data-color=yellow-contrast-low]:after,[data-color=yellow-contrast-low]:before{color:var(--db-current-icon-color,inherit)}.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,[data-color=neutral-contrast-high-interactive],[data-color=neutral-contrast-high]{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-high-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var( --db-neutral-contrast-high-enabled )}.db-neutral-contrast-high-interactive:hover,[data-color=neutral-contrast-high-interactive]:hover{background:var(--db-neutral-contrast-high-hover)}.db-neutral-contrast-high-interactive:active,[data-color=neutral-contrast-high-interactive]:active{background:var(--db-neutral-contrast-high-pressed)}.db-neutral-contrast-low,.db-neutral-contrast-low-interactive,[data-color=neutral-contrast-low-interactive],[data-color=neutral-contrast-low]{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-low-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-low-pressed );--db-current-color-border:var( --db-neutral-contrast-low-enabled )}.db-neutral-contrast-low-interactive:hover,[data-color=neutral-contrast-low-interactive]:hover{background:var(--db-neutral-contrast-low-hover)}.db-neutral-contrast-low-interactive:active,[data-color=neutral-contrast-low-interactive]:active{background:var(--db-neutral-contrast-low-pressed)}.db-container-color-neutral,.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,[data-color=neutral-bg-lvl-1],[data-color=neutral-bg-lvl-2],[data-color=neutral-bg-lvl-3],[data-color=neutral-bg-transparent-full],[data-color=neutral-bg-transparent-semi],[data-container-color=neutral]{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-neutral-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-neutral-on-bg-weak-pressed )}[data-emphasis=weak].db-neutral-bg-lvl-1,[data-emphasis=weak].db-neutral-bg-lvl-2,[data-emphasis=weak].db-neutral-bg-lvl-3,[data-emphasis=weak].db-neutral-bg-transparent-full,[data-emphasis=weak].db-neutral-bg-transparent-semi,[data-emphasis=weak][data-color=neutral-bg-lvl-1],[data-emphasis=weak][data-color=neutral-bg-lvl-2],[data-emphasis=weak][data-color=neutral-bg-lvl-3],[data-emphasis=weak][data-color=neutral-bg-transparent-full],[data-emphasis=weak][data-color=neutral-bg-transparent-semi]{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-neutral-bg-lvl-1,[data-color=neutral-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-neutral-bg-lvl-2,[data-color=neutral-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-neutral-bg-lvl-3,[data-color=neutral-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-neutral-bg-transparent-full,[data-color=neutral-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-neutral-bg-transparent-semi,[data-color=neutral-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-brand-contrast-high,.db-brand-contrast-high-interactive,[data-color=brand-contrast-high-interactive],[data-color=brand-contrast-high]{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-bg-hover:var( --db-brand-contrast-high-hover );--db-current-color-bg-pressed:var( --db-brand-contrast-high-pressed );--db-current-color-border:var( --db-brand-contrast-high-enabled )}.db-brand-contrast-high-interactive:hover,[data-color=brand-contrast-high-interactive]:hover{background:var(--db-brand-contrast-high-hover)}.db-brand-contrast-high-interactive:active,[data-color=brand-contrast-high-interactive]:active{background:var(--db-brand-contrast-high-pressed)}.db-brand-contrast-low,.db-brand-contrast-low-interactive,[data-color=brand-contrast-low-interactive],[data-color=brand-contrast-low]{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-bg-hover:var( --db-brand-contrast-low-hover );--db-current-color-bg-pressed:var( --db-brand-contrast-low-pressed );--db-current-color-border:var( --db-brand-contrast-low-enabled )}.db-brand-contrast-low-interactive:hover,[data-color=brand-contrast-low-interactive]:hover{background:var(--db-brand-contrast-low-hover)}.db-brand-contrast-low-interactive:active,[data-color=brand-contrast-low-interactive]:active{background:var(--db-brand-contrast-low-pressed)}.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,.db-container-color-brand,[data-color=brand-bg-lvl-1],[data-color=brand-bg-lvl-2],[data-color=brand-bg-lvl-3],[data-color=brand-bg-transparent-full],[data-color=brand-bg-transparent-semi],[data-container-color=brand]{--db-current-color-bg-transparent-full-enabled:var( --db-brand-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-brand-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-brand-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-brand-bg-transparent-pressed );--db-current-color-enabled:var(--db-brand-on-bg-enabled);--db-current-color-icon:var(--db-brand-on-bg-enabled);--db-current-color-hover:var(--db-brand-on-bg-hover);--db-current-color-pressed:var(--db-brand-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-brand-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-brand-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-brand-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-border:var(--db-brand-border);--db-current-color-bg-lvl-1-hover:var(--db-brand-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-brand-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-brand-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-brand-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-brand-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-brand-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-brand-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-brand-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-brand-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-brand-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-brand-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-brand-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-brand-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-brand-on-bg-weak-pressed )}[data-emphasis=weak].db-brand-bg-lvl-1,[data-emphasis=weak].db-brand-bg-lvl-2,[data-emphasis=weak].db-brand-bg-lvl-3,[data-emphasis=weak].db-brand-bg-transparent-full,[data-emphasis=weak].db-brand-bg-transparent-semi,[data-emphasis=weak][data-color=brand-bg-lvl-1],[data-emphasis=weak][data-color=brand-bg-lvl-2],[data-emphasis=weak][data-color=brand-bg-lvl-3],[data-emphasis=weak][data-color=brand-bg-transparent-full],[data-emphasis=weak][data-color=brand-bg-transparent-semi]{--db-current-color-enabled:var( --db-brand-on-bg-weak-enabled );--db-current-color-hover:var( --db-brand-on-bg-weak-hover );--db-current-color-pressed:var( --db-brand-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-brand-bg-lvl-1,[data-color=brand-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-brand-bg-lvl-2,[data-color=brand-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-brand-bg-lvl-3,[data-color=brand-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-brand-bg-transparent-full,[data-color=brand-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-brand-bg-transparent-semi,[data-color=brand-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-critical-contrast-high,.db-critical-contrast-high-interactive,[data-color=critical-contrast-high-interactive],[data-color=critical-contrast-high]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-high-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var( --db-critical-contrast-high-enabled )}.db-critical-contrast-high-interactive:hover,[data-color=critical-contrast-high-interactive]:hover{background:var(--db-critical-contrast-high-hover)}.db-critical-contrast-high-interactive:active,[data-color=critical-contrast-high-interactive]:active{background:var(--db-critical-contrast-high-pressed)}.db-critical-contrast-low,.db-critical-contrast-low-interactive,[data-color=critical-contrast-low-interactive],[data-color=critical-contrast-low]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-low-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-low-pressed );--db-current-color-border:var( --db-critical-contrast-low-enabled )}.db-critical-contrast-low-interactive:hover,[data-color=critical-contrast-low-interactive]:hover{background:var(--db-critical-contrast-low-hover)}.db-critical-contrast-low-interactive:active,[data-color=critical-contrast-low-interactive]:active{background:var(--db-critical-contrast-low-pressed)}.db-container-color-critical,.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,[data-color=critical-bg-lvl-1],[data-color=critical-bg-lvl-2],[data-color=critical-bg-lvl-3],[data-color=critical-bg-transparent-full],[data-color=critical-bg-transparent-semi],[data-container-color=critical]{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-critical-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-critical-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-critical-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-critical-on-bg-weak-pressed )}[data-emphasis=weak].db-critical-bg-lvl-1,[data-emphasis=weak].db-critical-bg-lvl-2,[data-emphasis=weak].db-critical-bg-lvl-3,[data-emphasis=weak].db-critical-bg-transparent-full,[data-emphasis=weak].db-critical-bg-transparent-semi,[data-emphasis=weak][data-color=critical-bg-lvl-1],[data-emphasis=weak][data-color=critical-bg-lvl-2],[data-emphasis=weak][data-color=critical-bg-lvl-3],[data-emphasis=weak][data-color=critical-bg-transparent-full],[data-emphasis=weak][data-color=critical-bg-transparent-semi]{--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-critical-bg-lvl-1,[data-color=critical-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-critical-bg-lvl-2,[data-color=critical-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-critical-bg-lvl-3,[data-color=critical-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-critical-bg-transparent-full,[data-color=critical-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-critical-bg-transparent-semi,[data-color=critical-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-successful-contrast-high,.db-successful-contrast-high-interactive,[data-color=successful-contrast-high-interactive],[data-color=successful-contrast-high]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-high-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var( --db-successful-contrast-high-enabled )}.db-successful-contrast-high-interactive:hover,[data-color=successful-contrast-high-interactive]:hover{background:var(--db-successful-contrast-high-hover)}.db-successful-contrast-high-interactive:active,[data-color=successful-contrast-high-interactive]:active{background:var(--db-successful-contrast-high-pressed)}.db-successful-contrast-low,.db-successful-contrast-low-interactive,[data-color=successful-contrast-low-interactive],[data-color=successful-contrast-low]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-low-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-low-pressed );--db-current-color-border:var( --db-successful-contrast-low-enabled )}.db-successful-contrast-low-interactive:hover,[data-color=successful-contrast-low-interactive]:hover{background:var(--db-successful-contrast-low-hover)}.db-successful-contrast-low-interactive:active,[data-color=successful-contrast-low-interactive]:active{background:var(--db-successful-contrast-low-pressed)}.db-container-color-successful,.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,[data-color=successful-bg-lvl-1],[data-color=successful-bg-lvl-2],[data-color=successful-bg-lvl-3],[data-color=successful-bg-transparent-full],[data-color=successful-bg-transparent-semi],[data-container-color=successful]{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-successful-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-successful-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-successful-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-successful-on-bg-weak-pressed )}[data-emphasis=weak].db-successful-bg-lvl-1,[data-emphasis=weak].db-successful-bg-lvl-2,[data-emphasis=weak].db-successful-bg-lvl-3,[data-emphasis=weak].db-successful-bg-transparent-full,[data-emphasis=weak].db-successful-bg-transparent-semi,[data-emphasis=weak][data-color=successful-bg-lvl-1],[data-emphasis=weak][data-color=successful-bg-lvl-2],[data-emphasis=weak][data-color=successful-bg-lvl-3],[data-emphasis=weak][data-color=successful-bg-transparent-full],[data-emphasis=weak][data-color=successful-bg-transparent-semi]{--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-successful-bg-lvl-1,[data-color=successful-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-successful-bg-lvl-2,[data-color=successful-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-successful-bg-lvl-3,[data-color=successful-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-successful-bg-transparent-full,[data-color=successful-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-successful-bg-transparent-semi,[data-color=successful-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-warning-contrast-high,.db-warning-contrast-high-interactive,[data-color=warning-contrast-high-interactive],[data-color=warning-contrast-high]{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-high-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var( --db-warning-contrast-high-enabled )}.db-warning-contrast-high-interactive:hover,[data-color=warning-contrast-high-interactive]:hover{background:var(--db-warning-contrast-high-hover)}.db-warning-contrast-high-interactive:active,[data-color=warning-contrast-high-interactive]:active{background:var(--db-warning-contrast-high-pressed)}.db-warning-contrast-low,.db-warning-contrast-low-interactive,[data-color=warning-contrast-low-interactive],[data-color=warning-contrast-low]{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-low-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-low-pressed );--db-current-color-border:var( --db-warning-contrast-low-enabled )}.db-warning-contrast-low-interactive:hover,[data-color=warning-contrast-low-interactive]:hover{background:var(--db-warning-contrast-low-hover)}.db-warning-contrast-low-interactive:active,[data-color=warning-contrast-low-interactive]:active{background:var(--db-warning-contrast-low-pressed)}.db-container-color-warning,.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,[data-color=warning-bg-lvl-1],[data-color=warning-bg-lvl-2],[data-color=warning-bg-lvl-3],[data-color=warning-bg-transparent-full],[data-color=warning-bg-transparent-semi],[data-container-color=warning]{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-warning-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-warning-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-warning-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-warning-on-bg-weak-pressed )}[data-emphasis=weak].db-warning-bg-lvl-1,[data-emphasis=weak].db-warning-bg-lvl-2,[data-emphasis=weak].db-warning-bg-lvl-3,[data-emphasis=weak].db-warning-bg-transparent-full,[data-emphasis=weak].db-warning-bg-transparent-semi,[data-emphasis=weak][data-color=warning-bg-lvl-1],[data-emphasis=weak][data-color=warning-bg-lvl-2],[data-emphasis=weak][data-color=warning-bg-lvl-3],[data-emphasis=weak][data-color=warning-bg-transparent-full],[data-emphasis=weak][data-color=warning-bg-transparent-semi]{--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-warning-bg-lvl-1,[data-color=warning-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-warning-bg-lvl-2,[data-color=warning-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-warning-bg-lvl-3,[data-color=warning-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-warning-bg-transparent-full,[data-color=warning-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-warning-bg-transparent-semi,[data-color=warning-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-informational-contrast-high,.db-informational-contrast-high-interactive,[data-color=informational-contrast-high-interactive],[data-color=informational-contrast-high]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-high-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var( --db-informational-contrast-high-enabled )}.db-informational-contrast-high-interactive:hover,[data-color=informational-contrast-high-interactive]:hover{background:var(--db-informational-contrast-high-hover)}.db-informational-contrast-high-interactive:active,[data-color=informational-contrast-high-interactive]:active{background:var(--db-informational-contrast-high-pressed)}.db-informational-contrast-low,.db-informational-contrast-low-interactive,[data-color=informational-contrast-low-interactive],[data-color=informational-contrast-low]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-low-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-low-pressed );--db-current-color-border:var( --db-informational-contrast-low-enabled )}.db-informational-contrast-low-interactive:hover,[data-color=informational-contrast-low-interactive]:hover{background:var(--db-informational-contrast-low-hover)}.db-informational-contrast-low-interactive:active,[data-color=informational-contrast-low-interactive]:active{background:var(--db-informational-contrast-low-pressed)}.db-container-color-informational,.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,[data-color=informational-bg-lvl-1],[data-color=informational-bg-lvl-2],[data-color=informational-bg-lvl-3],[data-color=informational-bg-transparent-full],[data-color=informational-bg-transparent-semi],[data-container-color=informational]{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-informational-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-informational-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-informational-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-informational-on-bg-weak-pressed )}[data-emphasis=weak].db-informational-bg-lvl-1,[data-emphasis=weak].db-informational-bg-lvl-2,[data-emphasis=weak].db-informational-bg-lvl-3,[data-emphasis=weak].db-informational-bg-transparent-full,[data-emphasis=weak].db-informational-bg-transparent-semi,[data-emphasis=weak][data-color=informational-bg-lvl-1],[data-emphasis=weak][data-color=informational-bg-lvl-2],[data-emphasis=weak][data-color=informational-bg-lvl-3],[data-emphasis=weak][data-color=informational-bg-transparent-full],[data-emphasis=weak][data-color=informational-bg-transparent-semi]{--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-informational-bg-lvl-1,[data-color=informational-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-informational-bg-lvl-2,[data-color=informational-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-informational-bg-lvl-3,[data-color=informational-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-informational-bg-transparent-full,[data-color=informational-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-informational-bg-transparent-semi,[data-color=informational-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-yellow-contrast-high,.db-yellow-contrast-high-interactive,[data-color=yellow-contrast-high-interactive],[data-color=yellow-contrast-high]{--db-current-icon-color:var(--db-yellow-on-contrast-enabled);--db-current-color-enabled:var( --db-yellow-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-yellow-contrast-high-enabled );--db-current-color-bg-hover:var( --db-yellow-contrast-high-hover );--db-current-color-bg-pressed:var( --db-yellow-contrast-high-pressed );--db-current-color-border:var( --db-yellow-contrast-high-enabled )}.db-yellow-contrast-high-interactive:hover,[data-color=yellow-contrast-high-interactive]:hover{background:var(--db-yellow-contrast-high-hover)}.db-yellow-contrast-high-interactive:active,[data-color=yellow-contrast-high-interactive]:active{background:var(--db-yellow-contrast-high-pressed)}.db-yellow-contrast-low,.db-yellow-contrast-low-interactive,[data-color=yellow-contrast-low-interactive],[data-color=yellow-contrast-low]{--db-current-icon-color:var(--db-yellow-on-contrast-enabled);--db-current-color-enabled:var( --db-yellow-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-yellow-contrast-low-enabled );--db-current-color-bg-hover:var( --db-yellow-contrast-low-hover );--db-current-color-bg-pressed:var( --db-yellow-contrast-low-pressed );--db-current-color-border:var( --db-yellow-contrast-low-enabled )}.db-yellow-contrast-low-interactive:hover,[data-color=yellow-contrast-low-interactive]:hover{background:var(--db-yellow-contrast-low-hover)}.db-yellow-contrast-low-interactive:active,[data-color=yellow-contrast-low-interactive]:active{background:var(--db-yellow-contrast-low-pressed)}.db-container-color-yellow,.db-yellow-bg-lvl-1,.db-yellow-bg-lvl-2,.db-yellow-bg-lvl-3,.db-yellow-bg-transparent-full,.db-yellow-bg-transparent-semi,[data-color=yellow-bg-lvl-1],[data-color=yellow-bg-lvl-2],[data-color=yellow-bg-lvl-3],[data-color=yellow-bg-transparent-full],[data-color=yellow-bg-transparent-semi],[data-container-color=yellow]{--db-current-color-bg-transparent-full-enabled:var( --db-yellow-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-yellow-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-yellow-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-yellow-bg-transparent-pressed );--db-current-color-enabled:var(--db-yellow-on-bg-enabled);--db-current-color-icon:var(--db-yellow-on-bg-enabled);--db-current-color-hover:var(--db-yellow-on-bg-hover);--db-current-color-pressed:var(--db-yellow-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-yellow-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-yellow-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-yellow-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-yellow-contrast-low-enabled );--db-current-color-border:var(--db-yellow-border);--db-current-color-bg-lvl-1-hover:var(--db-yellow-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-yellow-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-yellow-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-yellow-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-yellow-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-yellow-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-yellow-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-yellow-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-yellow-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-yellow-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-yellow-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-yellow-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-yellow-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-yellow-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-yellow-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-yellow-on-bg-weak-pressed )}[data-emphasis=weak].db-yellow-bg-lvl-1,[data-emphasis=weak].db-yellow-bg-lvl-2,[data-emphasis=weak].db-yellow-bg-lvl-3,[data-emphasis=weak].db-yellow-bg-transparent-full,[data-emphasis=weak].db-yellow-bg-transparent-semi,[data-emphasis=weak][data-color=yellow-bg-lvl-1],[data-emphasis=weak][data-color=yellow-bg-lvl-2],[data-emphasis=weak][data-color=yellow-bg-lvl-3],[data-emphasis=weak][data-color=yellow-bg-transparent-full],[data-emphasis=weak][data-color=yellow-bg-transparent-semi]{--db-current-color-enabled:var( --db-yellow-on-bg-weak-enabled );--db-current-color-hover:var( --db-yellow-on-bg-weak-hover );--db-current-color-pressed:var( --db-yellow-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-yellow-bg-lvl-1,[data-color=yellow-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-yellow-bg-lvl-2,[data-color=yellow-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-yellow-bg-lvl-3,[data-color=yellow-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-yellow-bg-transparent-full,[data-color=yellow-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-yellow-bg-transparent-semi,[data-color=yellow-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-orange-contrast-high,.db-orange-contrast-high-interactive,[data-color=orange-contrast-high-interactive],[data-color=orange-contrast-high]{--db-current-icon-color:var(--db-orange-on-contrast-enabled);--db-current-color-enabled:var( --db-orange-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-orange-contrast-high-enabled );--db-current-color-bg-hover:var( --db-orange-contrast-high-hover );--db-current-color-bg-pressed:var( --db-orange-contrast-high-pressed );--db-current-color-border:var( --db-orange-contrast-high-enabled )}.db-orange-contrast-high-interactive:hover,[data-color=orange-contrast-high-interactive]:hover{background:var(--db-orange-contrast-high-hover)}.db-orange-contrast-high-interactive:active,[data-color=orange-contrast-high-interactive]:active{background:var(--db-orange-contrast-high-pressed)}.db-orange-contrast-low,.db-orange-contrast-low-interactive,[data-color=orange-contrast-low-interactive],[data-color=orange-contrast-low]{--db-current-icon-color:var(--db-orange-on-contrast-enabled);--db-current-color-enabled:var( --db-orange-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-orange-contrast-low-enabled );--db-current-color-bg-hover:var( --db-orange-contrast-low-hover );--db-current-color-bg-pressed:var( --db-orange-contrast-low-pressed );--db-current-color-border:var( --db-orange-contrast-low-enabled )}.db-orange-contrast-low-interactive:hover,[data-color=orange-contrast-low-interactive]:hover{background:var(--db-orange-contrast-low-hover)}.db-orange-contrast-low-interactive:active,[data-color=orange-contrast-low-interactive]:active{background:var(--db-orange-contrast-low-pressed)}.db-container-color-orange,.db-orange-bg-lvl-1,.db-orange-bg-lvl-2,.db-orange-bg-lvl-3,.db-orange-bg-transparent-full,.db-orange-bg-transparent-semi,[data-color=orange-bg-lvl-1],[data-color=orange-bg-lvl-2],[data-color=orange-bg-lvl-3],[data-color=orange-bg-transparent-full],[data-color=orange-bg-transparent-semi],[data-container-color=orange]{--db-current-color-bg-transparent-full-enabled:var( --db-orange-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-orange-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-orange-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-orange-bg-transparent-pressed );--db-current-color-enabled:var(--db-orange-on-bg-enabled);--db-current-color-icon:var(--db-orange-on-bg-enabled);--db-current-color-hover:var(--db-orange-on-bg-hover);--db-current-color-pressed:var(--db-orange-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-orange-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-orange-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-orange-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-orange-contrast-low-enabled );--db-current-color-border:var(--db-orange-border);--db-current-color-bg-lvl-1-hover:var(--db-orange-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-orange-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-orange-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-orange-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-orange-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-orange-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-orange-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-orange-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-orange-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-orange-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-orange-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-orange-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-orange-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-orange-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-orange-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-orange-on-bg-weak-pressed )}[data-emphasis=weak].db-orange-bg-lvl-1,[data-emphasis=weak].db-orange-bg-lvl-2,[data-emphasis=weak].db-orange-bg-lvl-3,[data-emphasis=weak].db-orange-bg-transparent-full,[data-emphasis=weak].db-orange-bg-transparent-semi,[data-emphasis=weak][data-color=orange-bg-lvl-1],[data-emphasis=weak][data-color=orange-bg-lvl-2],[data-emphasis=weak][data-color=orange-bg-lvl-3],[data-emphasis=weak][data-color=orange-bg-transparent-full],[data-emphasis=weak][data-color=orange-bg-transparent-semi]{--db-current-color-enabled:var( --db-orange-on-bg-weak-enabled );--db-current-color-hover:var( --db-orange-on-bg-weak-hover );--db-current-color-pressed:var( --db-orange-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-orange-bg-lvl-1,[data-color=orange-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-orange-bg-lvl-2,[data-color=orange-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-orange-bg-lvl-3,[data-color=orange-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-orange-bg-transparent-full,[data-color=orange-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-orange-bg-transparent-semi,[data-color=orange-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-red-contrast-high,.db-red-contrast-high-interactive,[data-color=red-contrast-high-interactive],[data-color=red-contrast-high]{--db-current-icon-color:var(--db-red-on-contrast-enabled);--db-current-color-enabled:var( --db-red-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-red-contrast-high-enabled );--db-current-color-bg-hover:var( --db-red-contrast-high-hover );--db-current-color-bg-pressed:var( --db-red-contrast-high-pressed );--db-current-color-border:var( --db-red-contrast-high-enabled )}.db-red-contrast-high-interactive:hover,[data-color=red-contrast-high-interactive]:hover{background:var(--db-red-contrast-high-hover)}.db-red-contrast-high-interactive:active,[data-color=red-contrast-high-interactive]:active{background:var(--db-red-contrast-high-pressed)}.db-red-contrast-low,.db-red-contrast-low-interactive,[data-color=red-contrast-low-interactive],[data-color=red-contrast-low]{--db-current-icon-color:var(--db-red-on-contrast-enabled);--db-current-color-enabled:var( --db-red-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-red-contrast-low-enabled );--db-current-color-bg-hover:var( --db-red-contrast-low-hover );--db-current-color-bg-pressed:var( --db-red-contrast-low-pressed );--db-current-color-border:var( --db-red-contrast-low-enabled )}.db-red-contrast-low-interactive:hover,[data-color=red-contrast-low-interactive]:hover{background:var(--db-red-contrast-low-hover)}.db-red-contrast-low-interactive:active,[data-color=red-contrast-low-interactive]:active{background:var(--db-red-contrast-low-pressed)}.db-container-color-red,.db-red-bg-lvl-1,.db-red-bg-lvl-2,.db-red-bg-lvl-3,.db-red-bg-transparent-full,.db-red-bg-transparent-semi,[data-color=red-bg-lvl-1],[data-color=red-bg-lvl-2],[data-color=red-bg-lvl-3],[data-color=red-bg-transparent-full],[data-color=red-bg-transparent-semi],[data-container-color=red]{--db-current-color-bg-transparent-full-enabled:var( --db-red-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-red-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-red-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-red-bg-transparent-pressed );--db-current-color-enabled:var(--db-red-on-bg-enabled);--db-current-color-icon:var(--db-red-on-bg-enabled);--db-current-color-hover:var(--db-red-on-bg-hover);--db-current-color-pressed:var(--db-red-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-red-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-red-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-red-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-red-contrast-low-enabled );--db-current-color-border:var(--db-red-border);--db-current-color-bg-lvl-1-hover:var(--db-red-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-red-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-red-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-red-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-red-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-red-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-red-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-red-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-red-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-red-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-red-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-red-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-red-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-red-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-red-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-red-on-bg-weak-pressed )}[data-emphasis=weak].db-red-bg-lvl-1,[data-emphasis=weak].db-red-bg-lvl-2,[data-emphasis=weak].db-red-bg-lvl-3,[data-emphasis=weak].db-red-bg-transparent-full,[data-emphasis=weak].db-red-bg-transparent-semi,[data-emphasis=weak][data-color=red-bg-lvl-1],[data-emphasis=weak][data-color=red-bg-lvl-2],[data-emphasis=weak][data-color=red-bg-lvl-3],[data-emphasis=weak][data-color=red-bg-transparent-full],[data-emphasis=weak][data-color=red-bg-transparent-semi]{--db-current-color-enabled:var( --db-red-on-bg-weak-enabled );--db-current-color-hover:var( --db-red-on-bg-weak-hover );--db-current-color-pressed:var( --db-red-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-red-bg-lvl-1,[data-color=red-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-red-bg-lvl-2,[data-color=red-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-red-bg-lvl-3,[data-color=red-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-red-bg-transparent-full,[data-color=red-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-red-bg-transparent-semi,[data-color=red-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-pink-contrast-high,.db-pink-contrast-high-interactive,[data-color=pink-contrast-high-interactive],[data-color=pink-contrast-high]{--db-current-icon-color:var(--db-pink-on-contrast-enabled);--db-current-color-enabled:var( --db-pink-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-pink-contrast-high-enabled );--db-current-color-bg-hover:var( --db-pink-contrast-high-hover );--db-current-color-bg-pressed:var( --db-pink-contrast-high-pressed );--db-current-color-border:var( --db-pink-contrast-high-enabled )}.db-pink-contrast-high-interactive:hover,[data-color=pink-contrast-high-interactive]:hover{background:var(--db-pink-contrast-high-hover)}.db-pink-contrast-high-interactive:active,[data-color=pink-contrast-high-interactive]:active{background:var(--db-pink-contrast-high-pressed)}.db-pink-contrast-low,.db-pink-contrast-low-interactive,[data-color=pink-contrast-low-interactive],[data-color=pink-contrast-low]{--db-current-icon-color:var(--db-pink-on-contrast-enabled);--db-current-color-enabled:var( --db-pink-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-pink-contrast-low-enabled );--db-current-color-bg-hover:var( --db-pink-contrast-low-hover );--db-current-color-bg-pressed:var( --db-pink-contrast-low-pressed );--db-current-color-border:var( --db-pink-contrast-low-enabled )}.db-pink-contrast-low-interactive:hover,[data-color=pink-contrast-low-interactive]:hover{background:var(--db-pink-contrast-low-hover)}.db-pink-contrast-low-interactive:active,[data-color=pink-contrast-low-interactive]:active{background:var(--db-pink-contrast-low-pressed)}.db-container-color-pink,.db-pink-bg-lvl-1,.db-pink-bg-lvl-2,.db-pink-bg-lvl-3,.db-pink-bg-transparent-full,.db-pink-bg-transparent-semi,[data-color=pink-bg-lvl-1],[data-color=pink-bg-lvl-2],[data-color=pink-bg-lvl-3],[data-color=pink-bg-transparent-full],[data-color=pink-bg-transparent-semi],[data-container-color=pink]{--db-current-color-bg-transparent-full-enabled:var( --db-pink-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-pink-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-pink-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-pink-bg-transparent-pressed );--db-current-color-enabled:var(--db-pink-on-bg-enabled);--db-current-color-icon:var(--db-pink-on-bg-enabled);--db-current-color-hover:var(--db-pink-on-bg-hover);--db-current-color-pressed:var(--db-pink-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-pink-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-pink-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-pink-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-pink-contrast-low-enabled );--db-current-color-border:var(--db-pink-border);--db-current-color-bg-lvl-1-hover:var(--db-pink-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-pink-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-pink-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-pink-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-pink-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-pink-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-pink-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-pink-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-pink-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-pink-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-pink-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-pink-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-pink-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-pink-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-pink-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-pink-on-bg-weak-pressed )}[data-emphasis=weak].db-pink-bg-lvl-1,[data-emphasis=weak].db-pink-bg-lvl-2,[data-emphasis=weak].db-pink-bg-lvl-3,[data-emphasis=weak].db-pink-bg-transparent-full,[data-emphasis=weak].db-pink-bg-transparent-semi,[data-emphasis=weak][data-color=pink-bg-lvl-1],[data-emphasis=weak][data-color=pink-bg-lvl-2],[data-emphasis=weak][data-color=pink-bg-lvl-3],[data-emphasis=weak][data-color=pink-bg-transparent-full],[data-emphasis=weak][data-color=pink-bg-transparent-semi]{--db-current-color-enabled:var( --db-pink-on-bg-weak-enabled );--db-current-color-hover:var( --db-pink-on-bg-weak-hover );--db-current-color-pressed:var( --db-pink-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-pink-bg-lvl-1,[data-color=pink-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-pink-bg-lvl-2,[data-color=pink-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-pink-bg-lvl-3,[data-color=pink-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-pink-bg-transparent-full,[data-color=pink-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-pink-bg-transparent-semi,[data-color=pink-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-violet-contrast-high,.db-violet-contrast-high-interactive,[data-color=violet-contrast-high-interactive],[data-color=violet-contrast-high]{--db-current-icon-color:var(--db-violet-on-contrast-enabled);--db-current-color-enabled:var( --db-violet-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-violet-contrast-high-enabled );--db-current-color-bg-hover:var( --db-violet-contrast-high-hover );--db-current-color-bg-pressed:var( --db-violet-contrast-high-pressed );--db-current-color-border:var( --db-violet-contrast-high-enabled )}.db-violet-contrast-high-interactive:hover,[data-color=violet-contrast-high-interactive]:hover{background:var(--db-violet-contrast-high-hover)}.db-violet-contrast-high-interactive:active,[data-color=violet-contrast-high-interactive]:active{background:var(--db-violet-contrast-high-pressed)}.db-violet-contrast-low,.db-violet-contrast-low-interactive,[data-color=violet-contrast-low-interactive],[data-color=violet-contrast-low]{--db-current-icon-color:var(--db-violet-on-contrast-enabled);--db-current-color-enabled:var( --db-violet-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-violet-contrast-low-enabled );--db-current-color-bg-hover:var( --db-violet-contrast-low-hover );--db-current-color-bg-pressed:var( --db-violet-contrast-low-pressed );--db-current-color-border:var( --db-violet-contrast-low-enabled )}.db-violet-contrast-low-interactive:hover,[data-color=violet-contrast-low-interactive]:hover{background:var(--db-violet-contrast-low-hover)}.db-violet-contrast-low-interactive:active,[data-color=violet-contrast-low-interactive]:active{background:var(--db-violet-contrast-low-pressed)}.db-container-color-violet,.db-violet-bg-lvl-1,.db-violet-bg-lvl-2,.db-violet-bg-lvl-3,.db-violet-bg-transparent-full,.db-violet-bg-transparent-semi,[data-color=violet-bg-lvl-1],[data-color=violet-bg-lvl-2],[data-color=violet-bg-lvl-3],[data-color=violet-bg-transparent-full],[data-color=violet-bg-transparent-semi],[data-container-color=violet]{--db-current-color-bg-transparent-full-enabled:var( --db-violet-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-violet-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-violet-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-violet-bg-transparent-pressed );--db-current-color-enabled:var(--db-violet-on-bg-enabled);--db-current-color-icon:var(--db-violet-on-bg-enabled);--db-current-color-hover:var(--db-violet-on-bg-hover);--db-current-color-pressed:var(--db-violet-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-violet-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-violet-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-violet-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-violet-contrast-low-enabled );--db-current-color-border:var(--db-violet-border);--db-current-color-bg-lvl-1-hover:var(--db-violet-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-violet-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-violet-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-violet-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-violet-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-violet-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-violet-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-violet-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-violet-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-violet-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-violet-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-violet-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-violet-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-violet-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-violet-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-violet-on-bg-weak-pressed )}[data-emphasis=weak].db-violet-bg-lvl-1,[data-emphasis=weak].db-violet-bg-lvl-2,[data-emphasis=weak].db-violet-bg-lvl-3,[data-emphasis=weak].db-violet-bg-transparent-full,[data-emphasis=weak].db-violet-bg-transparent-semi,[data-emphasis=weak][data-color=violet-bg-lvl-1],[data-emphasis=weak][data-color=violet-bg-lvl-2],[data-emphasis=weak][data-color=violet-bg-lvl-3],[data-emphasis=weak][data-color=violet-bg-transparent-full],[data-emphasis=weak][data-color=violet-bg-transparent-semi]{--db-current-color-enabled:var( --db-violet-on-bg-weak-enabled );--db-current-color-hover:var( --db-violet-on-bg-weak-hover );--db-current-color-pressed:var( --db-violet-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-violet-bg-lvl-1,[data-color=violet-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-violet-bg-lvl-2,[data-color=violet-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-violet-bg-lvl-3,[data-color=violet-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-violet-bg-transparent-full,[data-color=violet-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-violet-bg-transparent-semi,[data-color=violet-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-blue-contrast-high,.db-blue-contrast-high-interactive,[data-color=blue-contrast-high-interactive],[data-color=blue-contrast-high]{--db-current-icon-color:var(--db-blue-on-contrast-enabled);--db-current-color-enabled:var( --db-blue-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-blue-contrast-high-enabled );--db-current-color-bg-hover:var( --db-blue-contrast-high-hover );--db-current-color-bg-pressed:var( --db-blue-contrast-high-pressed );--db-current-color-border:var( --db-blue-contrast-high-enabled )}.db-blue-contrast-high-interactive:hover,[data-color=blue-contrast-high-interactive]:hover{background:var(--db-blue-contrast-high-hover)}.db-blue-contrast-high-interactive:active,[data-color=blue-contrast-high-interactive]:active{background:var(--db-blue-contrast-high-pressed)}.db-blue-contrast-low,.db-blue-contrast-low-interactive,[data-color=blue-contrast-low-interactive],[data-color=blue-contrast-low]{--db-current-icon-color:var(--db-blue-on-contrast-enabled);--db-current-color-enabled:var( --db-blue-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-blue-contrast-low-enabled );--db-current-color-bg-hover:var( --db-blue-contrast-low-hover );--db-current-color-bg-pressed:var( --db-blue-contrast-low-pressed );--db-current-color-border:var( --db-blue-contrast-low-enabled )}.db-blue-contrast-low-interactive:hover,[data-color=blue-contrast-low-interactive]:hover{background:var(--db-blue-contrast-low-hover)}.db-blue-contrast-low-interactive:active,[data-color=blue-contrast-low-interactive]:active{background:var(--db-blue-contrast-low-pressed)}.db-blue-bg-lvl-1,.db-blue-bg-lvl-2,.db-blue-bg-lvl-3,.db-blue-bg-transparent-full,.db-blue-bg-transparent-semi,.db-container-color-blue,[data-color=blue-bg-lvl-1],[data-color=blue-bg-lvl-2],[data-color=blue-bg-lvl-3],[data-color=blue-bg-transparent-full],[data-color=blue-bg-transparent-semi],[data-container-color=blue]{--db-current-color-bg-transparent-full-enabled:var( --db-blue-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-blue-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-blue-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-blue-bg-transparent-pressed );--db-current-color-enabled:var(--db-blue-on-bg-enabled);--db-current-color-icon:var(--db-blue-on-bg-enabled);--db-current-color-hover:var(--db-blue-on-bg-hover);--db-current-color-pressed:var(--db-blue-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-blue-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-blue-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-blue-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-blue-contrast-low-enabled );--db-current-color-border:var(--db-blue-border);--db-current-color-bg-lvl-1-hover:var(--db-blue-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-blue-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-blue-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-blue-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-blue-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-blue-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-blue-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-blue-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-blue-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-blue-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-blue-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-blue-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-blue-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-blue-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-blue-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-blue-on-bg-weak-pressed )}[data-emphasis=weak].db-blue-bg-lvl-1,[data-emphasis=weak].db-blue-bg-lvl-2,[data-emphasis=weak].db-blue-bg-lvl-3,[data-emphasis=weak].db-blue-bg-transparent-full,[data-emphasis=weak].db-blue-bg-transparent-semi,[data-emphasis=weak][data-color=blue-bg-lvl-1],[data-emphasis=weak][data-color=blue-bg-lvl-2],[data-emphasis=weak][data-color=blue-bg-lvl-3],[data-emphasis=weak][data-color=blue-bg-transparent-full],[data-emphasis=weak][data-color=blue-bg-transparent-semi]{--db-current-color-enabled:var( --db-blue-on-bg-weak-enabled );--db-current-color-hover:var( --db-blue-on-bg-weak-hover );--db-current-color-pressed:var( --db-blue-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-blue-bg-lvl-1,[data-color=blue-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-blue-bg-lvl-2,[data-color=blue-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-blue-bg-lvl-3,[data-color=blue-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-blue-bg-transparent-full,[data-color=blue-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-blue-bg-transparent-semi,[data-color=blue-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-cyan-contrast-high,.db-cyan-contrast-high-interactive,[data-color=cyan-contrast-high-interactive],[data-color=cyan-contrast-high]{--db-current-icon-color:var(--db-cyan-on-contrast-enabled);--db-current-color-enabled:var( --db-cyan-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-cyan-contrast-high-enabled );--db-current-color-bg-hover:var( --db-cyan-contrast-high-hover );--db-current-color-bg-pressed:var( --db-cyan-contrast-high-pressed );--db-current-color-border:var( --db-cyan-contrast-high-enabled )}.db-cyan-contrast-high-interactive:hover,[data-color=cyan-contrast-high-interactive]:hover{background:var(--db-cyan-contrast-high-hover)}.db-cyan-contrast-high-interactive:active,[data-color=cyan-contrast-high-interactive]:active{background:var(--db-cyan-contrast-high-pressed)}.db-cyan-contrast-low,.db-cyan-contrast-low-interactive,[data-color=cyan-contrast-low-interactive],[data-color=cyan-contrast-low]{--db-current-icon-color:var(--db-cyan-on-contrast-enabled);--db-current-color-enabled:var( --db-cyan-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-cyan-contrast-low-enabled );--db-current-color-bg-hover:var( --db-cyan-contrast-low-hover );--db-current-color-bg-pressed:var( --db-cyan-contrast-low-pressed );--db-current-color-border:var( --db-cyan-contrast-low-enabled )}.db-cyan-contrast-low-interactive:hover,[data-color=cyan-contrast-low-interactive]:hover{background:var(--db-cyan-contrast-low-hover)}.db-cyan-contrast-low-interactive:active,[data-color=cyan-contrast-low-interactive]:active{background:var(--db-cyan-contrast-low-pressed)}.db-container-color-cyan,.db-cyan-bg-lvl-1,.db-cyan-bg-lvl-2,.db-cyan-bg-lvl-3,.db-cyan-bg-transparent-full,.db-cyan-bg-transparent-semi,[data-color=cyan-bg-lvl-1],[data-color=cyan-bg-lvl-2],[data-color=cyan-bg-lvl-3],[data-color=cyan-bg-transparent-full],[data-color=cyan-bg-transparent-semi],[data-container-color=cyan]{--db-current-color-bg-transparent-full-enabled:var( --db-cyan-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-cyan-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-cyan-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-cyan-bg-transparent-pressed );--db-current-color-enabled:var(--db-cyan-on-bg-enabled);--db-current-color-icon:var(--db-cyan-on-bg-enabled);--db-current-color-hover:var(--db-cyan-on-bg-hover);--db-current-color-pressed:var(--db-cyan-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-cyan-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-cyan-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-cyan-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-cyan-contrast-low-enabled );--db-current-color-border:var(--db-cyan-border);--db-current-color-bg-lvl-1-hover:var(--db-cyan-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-cyan-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-cyan-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-cyan-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-cyan-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-cyan-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-cyan-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-cyan-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-cyan-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-cyan-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-cyan-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-cyan-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-cyan-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-cyan-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-cyan-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-cyan-on-bg-weak-pressed )}[data-emphasis=weak].db-cyan-bg-lvl-1,[data-emphasis=weak].db-cyan-bg-lvl-2,[data-emphasis=weak].db-cyan-bg-lvl-3,[data-emphasis=weak].db-cyan-bg-transparent-full,[data-emphasis=weak].db-cyan-bg-transparent-semi,[data-emphasis=weak][data-color=cyan-bg-lvl-1],[data-emphasis=weak][data-color=cyan-bg-lvl-2],[data-emphasis=weak][data-color=cyan-bg-lvl-3],[data-emphasis=weak][data-color=cyan-bg-transparent-full],[data-emphasis=weak][data-color=cyan-bg-transparent-semi]{--db-current-color-enabled:var( --db-cyan-on-bg-weak-enabled );--db-current-color-hover:var( --db-cyan-on-bg-weak-hover );--db-current-color-pressed:var( --db-cyan-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-cyan-bg-lvl-1,[data-color=cyan-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-cyan-bg-lvl-2,[data-color=cyan-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-cyan-bg-lvl-3,[data-color=cyan-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-cyan-bg-transparent-full,[data-color=cyan-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-cyan-bg-transparent-semi,[data-color=cyan-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-turquoise-contrast-high,.db-turquoise-contrast-high-interactive,[data-color=turquoise-contrast-high-interactive],[data-color=turquoise-contrast-high]{--db-current-icon-color:var(--db-turquoise-on-contrast-enabled);--db-current-color-enabled:var( --db-turquoise-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-turquoise-contrast-high-enabled );--db-current-color-bg-hover:var( --db-turquoise-contrast-high-hover );--db-current-color-bg-pressed:var( --db-turquoise-contrast-high-pressed );--db-current-color-border:var( --db-turquoise-contrast-high-enabled )}.db-turquoise-contrast-high-interactive:hover,[data-color=turquoise-contrast-high-interactive]:hover{background:var(--db-turquoise-contrast-high-hover)}.db-turquoise-contrast-high-interactive:active,[data-color=turquoise-contrast-high-interactive]:active{background:var(--db-turquoise-contrast-high-pressed)}.db-turquoise-contrast-low,.db-turquoise-contrast-low-interactive,[data-color=turquoise-contrast-low-interactive],[data-color=turquoise-contrast-low]{--db-current-icon-color:var(--db-turquoise-on-contrast-enabled);--db-current-color-enabled:var( --db-turquoise-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-turquoise-contrast-low-enabled );--db-current-color-bg-hover:var( --db-turquoise-contrast-low-hover );--db-current-color-bg-pressed:var( --db-turquoise-contrast-low-pressed );--db-current-color-border:var( --db-turquoise-contrast-low-enabled )}.db-turquoise-contrast-low-interactive:hover,[data-color=turquoise-contrast-low-interactive]:hover{background:var(--db-turquoise-contrast-low-hover)}.db-turquoise-contrast-low-interactive:active,[data-color=turquoise-contrast-low-interactive]:active{background:var(--db-turquoise-contrast-low-pressed)}.db-container-color-turquoise,.db-turquoise-bg-lvl-1,.db-turquoise-bg-lvl-2,.db-turquoise-bg-lvl-3,.db-turquoise-bg-transparent-full,.db-turquoise-bg-transparent-semi,[data-color=turquoise-bg-lvl-1],[data-color=turquoise-bg-lvl-2],[data-color=turquoise-bg-lvl-3],[data-color=turquoise-bg-transparent-full],[data-color=turquoise-bg-transparent-semi],[data-container-color=turquoise]{--db-current-color-bg-transparent-full-enabled:var( --db-turquoise-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-turquoise-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-turquoise-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-turquoise-bg-transparent-pressed );--db-current-color-enabled:var(--db-turquoise-on-bg-enabled);--db-current-color-icon:var(--db-turquoise-on-bg-enabled);--db-current-color-hover:var(--db-turquoise-on-bg-hover);--db-current-color-pressed:var(--db-turquoise-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-turquoise-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-turquoise-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-turquoise-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-turquoise-contrast-low-enabled );--db-current-color-border:var(--db-turquoise-border);--db-current-color-bg-lvl-1-hover:var(--db-turquoise-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-turquoise-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-turquoise-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-turquoise-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-turquoise-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-turquoise-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-turquoise-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-turquoise-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-turquoise-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-turquoise-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-turquoise-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-turquoise-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-turquoise-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-turquoise-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-turquoise-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-turquoise-on-bg-weak-pressed )}[data-emphasis=weak].db-turquoise-bg-lvl-1,[data-emphasis=weak].db-turquoise-bg-lvl-2,[data-emphasis=weak].db-turquoise-bg-lvl-3,[data-emphasis=weak].db-turquoise-bg-transparent-full,[data-emphasis=weak].db-turquoise-bg-transparent-semi,[data-emphasis=weak][data-color=turquoise-bg-lvl-1],[data-emphasis=weak][data-color=turquoise-bg-lvl-2],[data-emphasis=weak][data-color=turquoise-bg-lvl-3],[data-emphasis=weak][data-color=turquoise-bg-transparent-full],[data-emphasis=weak][data-color=turquoise-bg-transparent-semi]{--db-current-color-enabled:var( --db-turquoise-on-bg-weak-enabled );--db-current-color-hover:var( --db-turquoise-on-bg-weak-hover );--db-current-color-pressed:var( --db-turquoise-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-turquoise-bg-lvl-1,[data-color=turquoise-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-turquoise-bg-lvl-2,[data-color=turquoise-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-turquoise-bg-lvl-3,[data-color=turquoise-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-turquoise-bg-transparent-full,[data-color=turquoise-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-turquoise-bg-transparent-semi,[data-color=turquoise-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-green-contrast-high,.db-green-contrast-high-interactive,[data-color=green-contrast-high-interactive],[data-color=green-contrast-high]{--db-current-icon-color:var(--db-green-on-contrast-enabled);--db-current-color-enabled:var( --db-green-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-green-contrast-high-enabled );--db-current-color-bg-hover:var( --db-green-contrast-high-hover );--db-current-color-bg-pressed:var( --db-green-contrast-high-pressed );--db-current-color-border:var( --db-green-contrast-high-enabled )}.db-green-contrast-high-interactive:hover,[data-color=green-contrast-high-interactive]:hover{background:var(--db-green-contrast-high-hover)}.db-green-contrast-high-interactive:active,[data-color=green-contrast-high-interactive]:active{background:var(--db-green-contrast-high-pressed)}.db-green-contrast-low,.db-green-contrast-low-interactive,[data-color=green-contrast-low-interactive],[data-color=green-contrast-low]{--db-current-icon-color:var(--db-green-on-contrast-enabled);--db-current-color-enabled:var( --db-green-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-green-contrast-low-enabled );--db-current-color-bg-hover:var( --db-green-contrast-low-hover );--db-current-color-bg-pressed:var( --db-green-contrast-low-pressed );--db-current-color-border:var( --db-green-contrast-low-enabled )}.db-green-contrast-low-interactive:hover,[data-color=green-contrast-low-interactive]:hover{background:var(--db-green-contrast-low-hover)}.db-green-contrast-low-interactive:active,[data-color=green-contrast-low-interactive]:active{background:var(--db-green-contrast-low-pressed)}.db-container-color-green,.db-green-bg-lvl-1,.db-green-bg-lvl-2,.db-green-bg-lvl-3,.db-green-bg-transparent-full,.db-green-bg-transparent-semi,[data-color=green-bg-lvl-1],[data-color=green-bg-lvl-2],[data-color=green-bg-lvl-3],[data-color=green-bg-transparent-full],[data-color=green-bg-transparent-semi],[data-container-color=green]{--db-current-color-bg-transparent-full-enabled:var( --db-green-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-green-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-green-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-green-bg-transparent-pressed );--db-current-color-enabled:var(--db-green-on-bg-enabled);--db-current-color-icon:var(--db-green-on-bg-enabled);--db-current-color-hover:var(--db-green-on-bg-hover);--db-current-color-pressed:var(--db-green-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-green-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-green-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-green-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-green-contrast-low-enabled );--db-current-color-border:var(--db-green-border);--db-current-color-bg-lvl-1-hover:var(--db-green-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-green-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-green-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-green-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-green-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-green-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-green-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-green-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-green-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-green-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-green-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-green-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-green-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-green-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-green-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-green-on-bg-weak-pressed )}[data-emphasis=weak].db-green-bg-lvl-1,[data-emphasis=weak].db-green-bg-lvl-2,[data-emphasis=weak].db-green-bg-lvl-3,[data-emphasis=weak].db-green-bg-transparent-full,[data-emphasis=weak].db-green-bg-transparent-semi,[data-emphasis=weak][data-color=green-bg-lvl-1],[data-emphasis=weak][data-color=green-bg-lvl-2],[data-emphasis=weak][data-color=green-bg-lvl-3],[data-emphasis=weak][data-color=green-bg-transparent-full],[data-emphasis=weak][data-color=green-bg-transparent-semi]{--db-current-color-enabled:var( --db-green-on-bg-weak-enabled );--db-current-color-hover:var( --db-green-on-bg-weak-hover );--db-current-color-pressed:var( --db-green-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-green-bg-lvl-1,[data-color=green-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-green-bg-lvl-2,[data-color=green-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-green-bg-lvl-3,[data-color=green-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-green-bg-transparent-full,[data-color=green-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-green-bg-transparent-semi,[data-color=green-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-container-color-blue,.db-container-color-brand,.db-container-color-critical,.db-container-color-cyan,.db-container-color-green,.db-container-color-informational,.db-container-color-neutral,.db-container-color-orange,.db-container-color-pink,.db-container-color-red,.db-container-color-successful,.db-container-color-turquoise,.db-container-color-violet,.db-container-color-warning,.db-container-color-yellow,[data-container-color=blue],[data-container-color=brand],[data-container-color=critical],[data-container-color=cyan],[data-container-color=green],[data-container-color=informational],[data-container-color=neutral],[data-container-color=orange],[data-container-color=pink],[data-container-color=red],[data-container-color=successful],[data-container-color=turquoise],[data-container-color=violet],[data-container-color=warning],[data-container-color=yellow]{color:var(--db-current-color-on-bg-enabled);background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-bg-color-lvl-1,[data-bg-color=lvl-1]{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-bg-color-lvl-2,[data-bg-color=lvl-2]{background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-bg-color-lvl-3,[data-bg-color=lvl-3]{background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-bg-color-transparent-full,[data-bg-color=transparent-full]{background-color:var(--db-current-color-bg-transparent-full-enabled)}.db-bg-color-transparent-semi,[data-bg-color=transparent-semi]{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-on-bg-color-default,[data-on-bg-color=default]{color:var(--db-current-color-on-bg-enabled)}.db-on-bg-color-weak,[data-on-bg-color=weak]{color:var(--db-current-color-on-bg-weak-enabled)}.db-on-bg-color-contrast,[data-on-bg-color=contrast]{color:var(--db-current-color-contrast-high-enabled)}.db-on-bg-color-contrast-weak,[data-on-bg-color=contrast-weak]{color:var(--db-current-color-contrast-low-enabled)}.db-on-bg-color-border,[data-on-bg-color=border]{color:var(--db-current-color-border)}.db-font-size-3xl,[data-font-size="3xl"]{--db-icon-font-weight:var(--db-base-body-icon-weight-3xl);--db-icon-font-size:var(--db-base-body-icon-font-size-3xl);--db-base-line-height:var(--db-type-body-line-height-3xl);--db-base-font-size:var(--db-type-body-font-size-3xl);line-height:var(--db-type-body-line-height-3xl);font-size:var(--db-type-body-font-size-3xl)}.db-font-size-2xl,[data-font-size="2xl"]{--db-icon-font-weight:var(--db-base-body-icon-weight-2xl);--db-icon-font-size:var(--db-base-body-icon-font-size-2xl);--db-base-line-height:var(--db-type-body-line-height-2xl);--db-base-font-size:var(--db-type-body-font-size-2xl);line-height:var(--db-type-body-line-height-2xl);font-size:var(--db-type-body-font-size-2xl)}.db-font-size-xl,[data-font-size=xl]{--db-icon-font-weight:var(--db-base-body-icon-weight-xl);--db-icon-font-size:var(--db-base-body-icon-font-size-xl);--db-base-line-height:var(--db-type-body-line-height-xl);--db-base-font-size:var(--db-type-body-font-size-xl);line-height:var(--db-type-body-line-height-xl);font-size:var(--db-type-body-font-size-xl)}.db-font-size-lg,[data-font-size=lg]{--db-icon-font-weight:var(--db-base-body-icon-weight-lg);--db-icon-font-size:var(--db-base-body-icon-font-size-lg);--db-base-line-height:var(--db-type-body-line-height-lg);--db-base-font-size:var(--db-type-body-font-size-lg);line-height:var(--db-type-body-line-height-lg);font-size:var(--db-type-body-font-size-lg)}.db-font-size-md,[data-font-size=md]{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-font-size-sm,[data-font-size=sm]{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs,[data-font-size=xs]{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-font-size-2xs,[data-font-size="2xs"]{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-font-size-3xs,[data-font-size="3xs"]{--db-icon-font-weight:var(--db-base-body-icon-weight-3xs);--db-icon-font-size:var(--db-base-body-icon-font-size-3xs);--db-base-line-height:var(--db-type-body-line-height-3xs);--db-base-font-size:var(--db-type-body-font-size-3xs);line-height:var(--db-type-body-line-height-3xs);font-size:var(--db-type-body-font-size-3xs)}body:not(:has(.db-page)){-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-main{scroll-behavior:smooth}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-current-color-border);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:var(--db-current-color-enabled)}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container{position:relative;padding:var(--db-spacing-fixed-md) 0}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.color-overview-container[data-force-mobile=false]{--columns:2}}@media screen and (min-width:64em){.color-overview-container:not([data-force-mobile]),.color-overview-container[data-force-mobile=false]{--columns:3}}.color-overview-container>span{position:absolute;block-size:100%;inline-size:100%}.color-overview-container[data-color-scheme=dark]>span{filter:invert(1) brightness(1.2)}.color-overview-container>div{position:relative;display:flex;justify-content:center;align-items:center;border:1px solid var(--db-current-color-border);padding:var(--db-spacing-fixed-md)}.color-overview-container button{position:absolute;inset-inline-end:var(--db-spacing-fixed-md);inset-block-start:50%;transform:translateY(-50%)}.color-overview-switches{display:flex;gap:var(--db-spacing-fixed-lg);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.density-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.density-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.density-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.density-example-page .density-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.density-example-page .density-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-4);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.color-schemes-container{padding:var(--db-spacing-fixed-md);border:1px dashed var(--db-current-color-enabled);display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(2,minmax(0,1fr))}.color-schemes-container .db-button{grid-column:span 2/span 2}.color-schemes-container .db-tag{-webkit-margin-start:auto;margin-inline-start:auto}.color-schemes-container section{padding:var(--db-spacing-fixed-md)}.color-schemes-container .color-cards{grid-column:span 2/span 2;display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(5,minmax(0,1fr))}h1{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}h1 a:is(.header-link),h2 a:is(.header-link),h3 a:is(.header-link),h4 a:is(.header-link),h5 a:is(.header-link),h6 a:is(.header-link){display:inline-block;margin-block:auto;-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);visibility:hidden;text-decoration:none;font-size:0}h1:hover a:is(.header-link),h2:hover a:is(.header-link),h3:hover a:is(.header-link),h4:hover a:is(.header-link),h5:hover a:is(.header-link),h6:hover a:is(.header-link){visibility:visible}.db-code-docs{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-margin-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));margin-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details{display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:calc(-1*(var(--db-spacing-fixed-sm) + var(--db-sizing-sm)));inset-inline-end:var(--db-spacing-fixed-sm);z-index:1;cursor:pointer}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .backdrop{border-radius:var(--db-border-radius-sm);background-color:var(--db-current-color-enabled);opacity:.64;position:absolute;inset:0}.db-code-docs .code-details .code{overflow:auto;position:absolute;z-index:20;inset:0;margin:var(--db-spacing-fixed-md);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.db-code-docs .code-details .code code{display:block;white-space:pre-wrap}.db-code-docs .code-details .code .tab-container{position:relative}.db-code-docs .code-details .code .tab-container .copy-button{position:absolute;z-index:20;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-end:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-code-docs .code-details .code .tab-container .copy-button:not([data-force-mobile]),.db-code-docs .code-details .code .tab-container .copy-button[data-force-mobile=false]{inset-block-end:auto;inset-block-start:var(--db-spacing-fixed-sm)}}.validity-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-sm);gap:var(--db-spacing-fixed-sm)}.validity-container form{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.link-containers>div{display:grid;grid-template-areas:"previous next";grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);justify-content:space-between}.link-containers>div a{text-decoration:none}.link-containers .next-link-container,.link-containers .previous-link-container{flex-direction:row;min-inline-size:var(--db-sizing-3xl)}.link-containers .next-link-container small,.link-containers .previous-link-container small{color:var(--db-informational-contrast-high-enabled)}.link-containers .previous-link-container{grid-area:previous}.link-containers .next-link-container{grid-area:next}.link-containers .next-link-container small,.link-containers .next-link-container span{-webkit-margin-start:auto;margin-inline-start:auto}.breadcrumb-container{display:flex;align-content:center;align-items:center;padding-block:var(--db-spacing-fixed-sm)}.breadcrumb-container a{font-weight:400}.breadcrumb-container a:first-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.breadcrumb-container a:last-of-type{font-weight:700}.card-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.card-navigation:not([data-force-mobile]),.card-navigation[data-force-mobile=false]{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-navigation a{text-decoration:none}.card-navigation .db-card{display:grid;grid-template-areas:"index icon" "label icon"}.card-navigation .db-card small{grid-area:index}.card-navigation .db-card p{grid-area:label;margin:0}.card-navigation .db-card .db-icon{grid-area:icon;margin-block:auto;-webkit-margin-start:auto;margin-inline-start:auto}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}pre:has(.hljs):not(:has(.language-shell)) .hljs:after,pre:has(.hljs):not(:has(.language-shell)) .hljs:before,pre:has(.hljs):not(:has(.language-shell)):after,pre:has(.hljs):not(:has(.language-shell)):before{color:var(--db-current-icon-color,inherit)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-neutral-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-neutral-on-bg-weak-pressed )}pre:has(.hljs):not(:has(.language-shell)) [data-emphasis=weak].hljs,pre[data-emphasis=weak]:has(.hljs):not(:has(.language-shell)){--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,.hljs-number,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.hljs-type,.hljs-variable,.hljs-variable.language_{color:var(--db-successful-on-bg-weak-enabled)}.hljs-built_in,.hljs-symbol{color:var(--db-warning-on-bg-weak-enabled)}.hljs-attr{color:var(--db-informational-on-bg-weak-enabled)}.hljs-code,.hljs-comment,.hljs-formula,.hljs-meta{color:var(--db-current-color-enabled)}.hljs-name,.hljs-tag{color:var(--db-warning-on-bg-weak-enabled)}.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--db-successful-on-bg-weak-enabled)}.hljs-subst{color:var(--db-neutral-bg-lvl-1-enabled)}.hljs-section{color:var(--db-informational-on-bg-weak-enabled);font-weight:700}.hljs-bullet{color:var(--db-warning-on-bg-weak-enabled)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--db-current-color-enabled)}.hljs-strong{font-weight:700}.hljs-addition{color:var(--db-successful-on-bg-weak-enabled)}.hljs-addition,.hljs-deletion{background-color:var(--db-neutral-on-bg-weak-enabled)}.hljs-deletion{color:var(--db-critical-on-bg-weak-enabled)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}db-card:is(.variants-card)>.db-card{padding:var(--db-spacing-fixed-sm)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);background-color:var(--db-base-bg-lvl-2)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden}:root:has(.db-page){block-size:100%;overflow:hidden}main .db-header{block-size:100%} \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/css/a44ee63d221ff410.css b/review/fix-2678-tag-default-html/_next/static/css/a44ee63d221ff410.css deleted file mode 100644 index a8fc354063b..00000000000 --- a/review/fix-2678-tag-default-html/_next/static/css/a44ee63d221ff410.css +++ /dev/null @@ -1 +0,0 @@ -.db-badge[data-emphasis=strong],.db-badge[data-semantic=critical],.db-badge[data-semantic=critical][data-emphasis=strong],.db-badge[data-semantic=informational],.db-badge[data-semantic=informational][data-emphasis=strong],.db-badge[data-semantic=neutral],.db-badge[data-semantic=neutral][data-emphasis=strong],.db-badge[data-semantic=successful],.db-badge[data-semantic=successful][data-emphasis=strong],.db-badge[data-semantic=warning],.db-badge[data-semantic=warning][data-emphasis=strong],.db-blue-bg-lvl-1,.db-blue-bg-lvl-2,.db-blue-bg-lvl-3,.db-blue-bg-transparent-full,.db-blue-bg-transparent-semi,.db-blue-contrast-high,.db-blue-contrast-high-interactive,.db-blue-contrast-low,.db-blue-contrast-low-interactive,.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,.db-brand-contrast-high,.db-brand-contrast-high-interactive,.db-brand-contrast-low,.db-brand-contrast-low-interactive,.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-critical-contrast-high,.db-critical-contrast-high-interactive,.db-critical-contrast-low,.db-critical-contrast-low-interactive,.db-cyan-bg-lvl-1,.db-cyan-bg-lvl-2,.db-cyan-bg-lvl-3,.db-cyan-bg-transparent-full,.db-cyan-bg-transparent-semi,.db-cyan-contrast-high,.db-cyan-contrast-high-interactive,.db-cyan-contrast-low,.db-cyan-contrast-low-interactive,.db-green-bg-lvl-1,.db-green-bg-lvl-2,.db-green-bg-lvl-3,.db-green-bg-transparent-full,.db-green-bg-transparent-semi,.db-green-contrast-high,.db-green-contrast-high-interactive,.db-green-contrast-low,.db-green-contrast-low-interactive,.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-informational-contrast-high,.db-informational-contrast-high-interactive,.db-informational-contrast-low,.db-informational-contrast-low-interactive,.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,.db-neutral-contrast-low,.db-neutral-contrast-low-interactive,.db-orange-bg-lvl-1,.db-orange-bg-lvl-2,.db-orange-bg-lvl-3,.db-orange-bg-transparent-full,.db-orange-bg-transparent-semi,.db-orange-contrast-high,.db-orange-contrast-high-interactive,.db-orange-contrast-low,.db-orange-contrast-low-interactive,.db-pink-bg-lvl-1,.db-pink-bg-lvl-2,.db-pink-bg-lvl-3,.db-pink-bg-transparent-full,.db-pink-bg-transparent-semi,.db-pink-contrast-high,.db-pink-contrast-high-interactive,.db-pink-contrast-low,.db-pink-contrast-low-interactive,.db-red-bg-lvl-1,.db-red-bg-lvl-2,.db-red-bg-lvl-3,.db-red-bg-transparent-full,.db-red-bg-transparent-semi,.db-red-contrast-high,.db-red-contrast-high-interactive,.db-red-contrast-low,.db-red-contrast-low-interactive,.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-successful-contrast-high,.db-successful-contrast-high-interactive,.db-successful-contrast-low,.db-successful-contrast-low-interactive,.db-switch[data-emphasis=strong]>input,.db-switch[data-emphasis=strong]>input:checked,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],.db-turquoise-bg-lvl-1,.db-turquoise-bg-lvl-2,.db-turquoise-bg-lvl-3,.db-turquoise-bg-transparent-full,.db-turquoise-bg-transparent-semi,.db-turquoise-contrast-high,.db-turquoise-contrast-high-interactive,.db-turquoise-contrast-low,.db-turquoise-contrast-low-interactive,.db-violet-bg-lvl-1,.db-violet-bg-lvl-2,.db-violet-bg-lvl-3,.db-violet-bg-transparent-full,.db-violet-bg-transparent-semi,.db-violet-contrast-high,.db-violet-contrast-high-interactive,.db-violet-contrast-low,.db-violet-contrast-low-interactive,.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,.db-warning-contrast-high,.db-warning-contrast-high-interactive,.db-warning-contrast-low,.db-warning-contrast-low-interactive,.db-yellow-bg-lvl-1,.db-yellow-bg-lvl-2,.db-yellow-bg-lvl-3,.db-yellow-bg-transparent-full,.db-yellow-bg-transparent-semi,.db-yellow-contrast-high,.db-yellow-contrast-high-interactive,.db-yellow-contrast-low,.db-yellow-contrast-low-interactive,.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2,:root,[data-color=blue-bg-lvl-1],[data-color=blue-bg-lvl-2],[data-color=blue-bg-lvl-3],[data-color=blue-bg-transparent-full],[data-color=blue-bg-transparent-semi],[data-color=blue-contrast-high-interactive],[data-color=blue-contrast-high],[data-color=blue-contrast-low-interactive],[data-color=blue-contrast-low],[data-color=brand-bg-lvl-1],[data-color=brand-bg-lvl-2],[data-color=brand-bg-lvl-3],[data-color=brand-bg-transparent-full],[data-color=brand-bg-transparent-semi],[data-color=brand-contrast-high-interactive],[data-color=brand-contrast-high],[data-color=brand-contrast-low-interactive],[data-color=brand-contrast-low],[data-color=critical-bg-lvl-1],[data-color=critical-bg-lvl-2],[data-color=critical-bg-lvl-3],[data-color=critical-bg-transparent-full],[data-color=critical-bg-transparent-semi],[data-color=critical-contrast-high-interactive],[data-color=critical-contrast-high],[data-color=critical-contrast-low-interactive],[data-color=critical-contrast-low],[data-color=cyan-bg-lvl-1],[data-color=cyan-bg-lvl-2],[data-color=cyan-bg-lvl-3],[data-color=cyan-bg-transparent-full],[data-color=cyan-bg-transparent-semi],[data-color=cyan-contrast-high-interactive],[data-color=cyan-contrast-high],[data-color=cyan-contrast-low-interactive],[data-color=cyan-contrast-low],[data-color=green-bg-lvl-1],[data-color=green-bg-lvl-2],[data-color=green-bg-lvl-3],[data-color=green-bg-transparent-full],[data-color=green-bg-transparent-semi],[data-color=green-contrast-high-interactive],[data-color=green-contrast-high],[data-color=green-contrast-low-interactive],[data-color=green-contrast-low],[data-color=informational-bg-lvl-1],[data-color=informational-bg-lvl-2],[data-color=informational-bg-lvl-3],[data-color=informational-bg-transparent-full],[data-color=informational-bg-transparent-semi],[data-color=informational-contrast-high-interactive],[data-color=informational-contrast-high],[data-color=informational-contrast-low-interactive],[data-color=informational-contrast-low],[data-color=neutral-bg-lvl-1],[data-color=neutral-bg-lvl-2],[data-color=neutral-bg-lvl-3],[data-color=neutral-bg-transparent-full],[data-color=neutral-bg-transparent-semi],[data-color=neutral-contrast-high-interactive],[data-color=neutral-contrast-high],[data-color=neutral-contrast-low-interactive],[data-color=neutral-contrast-low],[data-color=orange-bg-lvl-1],[data-color=orange-bg-lvl-2],[data-color=orange-bg-lvl-3],[data-color=orange-bg-transparent-full],[data-color=orange-bg-transparent-semi],[data-color=orange-contrast-high-interactive],[data-color=orange-contrast-high],[data-color=orange-contrast-low-interactive],[data-color=orange-contrast-low],[data-color=pink-bg-lvl-1],[data-color=pink-bg-lvl-2],[data-color=pink-bg-lvl-3],[data-color=pink-bg-transparent-full],[data-color=pink-bg-transparent-semi],[data-color=pink-contrast-high-interactive],[data-color=pink-contrast-high],[data-color=pink-contrast-low-interactive],[data-color=pink-contrast-low],[data-color=red-bg-lvl-1],[data-color=red-bg-lvl-2],[data-color=red-bg-lvl-3],[data-color=red-bg-transparent-full],[data-color=red-bg-transparent-semi],[data-color=red-contrast-high-interactive],[data-color=red-contrast-high],[data-color=red-contrast-low-interactive],[data-color=red-contrast-low],[data-color=successful-bg-lvl-1],[data-color=successful-bg-lvl-2],[data-color=successful-bg-lvl-3],[data-color=successful-bg-transparent-full],[data-color=successful-bg-transparent-semi],[data-color=successful-contrast-high-interactive],[data-color=successful-contrast-high],[data-color=successful-contrast-low-interactive],[data-color=successful-contrast-low],[data-color=turquoise-bg-lvl-1],[data-color=turquoise-bg-lvl-2],[data-color=turquoise-bg-lvl-3],[data-color=turquoise-bg-transparent-full],[data-color=turquoise-bg-transparent-semi],[data-color=turquoise-contrast-high-interactive],[data-color=turquoise-contrast-high],[data-color=turquoise-contrast-low-interactive],[data-color=turquoise-contrast-low],[data-color=violet-bg-lvl-1],[data-color=violet-bg-lvl-2],[data-color=violet-bg-lvl-3],[data-color=violet-bg-transparent-full],[data-color=violet-bg-transparent-semi],[data-color=violet-contrast-high-interactive],[data-color=violet-contrast-high],[data-color=violet-contrast-low-interactive],[data-color=violet-contrast-low],[data-color=warning-bg-lvl-1],[data-color=warning-bg-lvl-2],[data-color=warning-bg-lvl-3],[data-color=warning-bg-transparent-full],[data-color=warning-bg-transparent-semi],[data-color=warning-contrast-high-interactive],[data-color=warning-contrast-high],[data-color=warning-contrast-low-interactive],[data-color=warning-contrast-low],[data-color=yellow-bg-lvl-1],[data-color=yellow-bg-lvl-2],[data-color=yellow-bg-lvl-3],[data-color=yellow-bg-transparent-full],[data-color=yellow-bg-transparent-semi],[data-color=yellow-contrast-high-interactive],[data-color=yellow-contrast-high],[data-color=yellow-contrast-low-interactive],[data-color=yellow-contrast-low],blockquote,code,pre:has(code),table th,table tr:nth-child(2n){background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-badge[data-emphasis=strong]:after,.db-badge[data-emphasis=strong]:before,.db-badge[data-semantic=critical]:after,.db-badge[data-semantic=critical]:before,.db-badge[data-semantic=critical][data-emphasis=strong]:after,.db-badge[data-semantic=critical][data-emphasis=strong]:before,.db-badge[data-semantic=informational]:after,.db-badge[data-semantic=informational]:before,.db-badge[data-semantic=informational][data-emphasis=strong]:after,.db-badge[data-semantic=informational][data-emphasis=strong]:before,.db-badge[data-semantic=neutral]:after,.db-badge[data-semantic=neutral]:before,.db-badge[data-semantic=neutral][data-emphasis=strong]:after,.db-badge[data-semantic=neutral][data-emphasis=strong]:before,.db-badge[data-semantic=successful]:after,.db-badge[data-semantic=successful]:before,.db-badge[data-semantic=successful][data-emphasis=strong]:after,.db-badge[data-semantic=successful][data-emphasis=strong]:before,.db-badge[data-semantic=warning]:after,.db-badge[data-semantic=warning]:before,.db-badge[data-semantic=warning][data-emphasis=strong]:after,.db-badge[data-semantic=warning][data-emphasis=strong]:before,.db-blue-bg-lvl-1:after,.db-blue-bg-lvl-1:before,.db-blue-bg-lvl-2:after,.db-blue-bg-lvl-2:before,.db-blue-bg-lvl-3:after,.db-blue-bg-lvl-3:before,.db-blue-bg-transparent-full:after,.db-blue-bg-transparent-full:before,.db-blue-bg-transparent-semi:after,.db-blue-bg-transparent-semi:before,.db-blue-contrast-high-interactive:after,.db-blue-contrast-high-interactive:before,.db-blue-contrast-high:after,.db-blue-contrast-high:before,.db-blue-contrast-low-interactive:after,.db-blue-contrast-low-interactive:before,.db-blue-contrast-low:after,.db-blue-contrast-low:before,.db-brand-bg-lvl-1:after,.db-brand-bg-lvl-1:before,.db-brand-bg-lvl-2:after,.db-brand-bg-lvl-2:before,.db-brand-bg-lvl-3:after,.db-brand-bg-lvl-3:before,.db-brand-bg-transparent-full:after,.db-brand-bg-transparent-full:before,.db-brand-bg-transparent-semi:after,.db-brand-bg-transparent-semi:before,.db-brand-contrast-high-interactive:after,.db-brand-contrast-high-interactive:before,.db-brand-contrast-high:after,.db-brand-contrast-high:before,.db-brand-contrast-low-interactive:after,.db-brand-contrast-low-interactive:before,.db-brand-contrast-low:after,.db-brand-contrast-low:before,.db-critical-bg-lvl-1:after,.db-critical-bg-lvl-1:before,.db-critical-bg-lvl-2:after,.db-critical-bg-lvl-2:before,.db-critical-bg-lvl-3:after,.db-critical-bg-lvl-3:before,.db-critical-bg-transparent-full:after,.db-critical-bg-transparent-full:before,.db-critical-bg-transparent-semi:after,.db-critical-bg-transparent-semi:before,.db-critical-contrast-high-interactive:after,.db-critical-contrast-high-interactive:before,.db-critical-contrast-high:after,.db-critical-contrast-high:before,.db-critical-contrast-low-interactive:after,.db-critical-contrast-low-interactive:before,.db-critical-contrast-low:after,.db-critical-contrast-low:before,.db-cyan-bg-lvl-1:after,.db-cyan-bg-lvl-1:before,.db-cyan-bg-lvl-2:after,.db-cyan-bg-lvl-2:before,.db-cyan-bg-lvl-3:after,.db-cyan-bg-lvl-3:before,.db-cyan-bg-transparent-full:after,.db-cyan-bg-transparent-full:before,.db-cyan-bg-transparent-semi:after,.db-cyan-bg-transparent-semi:before,.db-cyan-contrast-high-interactive:after,.db-cyan-contrast-high-interactive:before,.db-cyan-contrast-high:after,.db-cyan-contrast-high:before,.db-cyan-contrast-low-interactive:after,.db-cyan-contrast-low-interactive:before,.db-cyan-contrast-low:after,.db-cyan-contrast-low:before,.db-green-bg-lvl-1:after,.db-green-bg-lvl-1:before,.db-green-bg-lvl-2:after,.db-green-bg-lvl-2:before,.db-green-bg-lvl-3:after,.db-green-bg-lvl-3:before,.db-green-bg-transparent-full:after,.db-green-bg-transparent-full:before,.db-green-bg-transparent-semi:after,.db-green-bg-transparent-semi:before,.db-green-contrast-high-interactive:after,.db-green-contrast-high-interactive:before,.db-green-contrast-high:after,.db-green-contrast-high:before,.db-green-contrast-low-interactive:after,.db-green-contrast-low-interactive:before,.db-green-contrast-low:after,.db-green-contrast-low:before,.db-informational-bg-lvl-1:after,.db-informational-bg-lvl-1:before,.db-informational-bg-lvl-2:after,.db-informational-bg-lvl-2:before,.db-informational-bg-lvl-3:after,.db-informational-bg-lvl-3:before,.db-informational-bg-transparent-full:after,.db-informational-bg-transparent-full:before,.db-informational-bg-transparent-semi:after,.db-informational-bg-transparent-semi:before,.db-informational-contrast-high-interactive:after,.db-informational-contrast-high-interactive:before,.db-informational-contrast-high:after,.db-informational-contrast-high:before,.db-informational-contrast-low-interactive:after,.db-informational-contrast-low-interactive:before,.db-informational-contrast-low:after,.db-informational-contrast-low:before,.db-neutral-bg-lvl-1:after,.db-neutral-bg-lvl-1:before,.db-neutral-bg-lvl-2:after,.db-neutral-bg-lvl-2:before,.db-neutral-bg-lvl-3:after,.db-neutral-bg-lvl-3:before,.db-neutral-bg-transparent-full:after,.db-neutral-bg-transparent-full:before,.db-neutral-bg-transparent-semi:after,.db-neutral-bg-transparent-semi:before,.db-neutral-contrast-high-interactive:after,.db-neutral-contrast-high-interactive:before,.db-neutral-contrast-high:after,.db-neutral-contrast-high:before,.db-neutral-contrast-low-interactive:after,.db-neutral-contrast-low-interactive:before,.db-neutral-contrast-low:after,.db-neutral-contrast-low:before,.db-orange-bg-lvl-1:after,.db-orange-bg-lvl-1:before,.db-orange-bg-lvl-2:after,.db-orange-bg-lvl-2:before,.db-orange-bg-lvl-3:after,.db-orange-bg-lvl-3:before,.db-orange-bg-transparent-full:after,.db-orange-bg-transparent-full:before,.db-orange-bg-transparent-semi:after,.db-orange-bg-transparent-semi:before,.db-orange-contrast-high-interactive:after,.db-orange-contrast-high-interactive:before,.db-orange-contrast-high:after,.db-orange-contrast-high:before,.db-orange-contrast-low-interactive:after,.db-orange-contrast-low-interactive:before,.db-orange-contrast-low:after,.db-orange-contrast-low:before,.db-pink-bg-lvl-1:after,.db-pink-bg-lvl-1:before,.db-pink-bg-lvl-2:after,.db-pink-bg-lvl-2:before,.db-pink-bg-lvl-3:after,.db-pink-bg-lvl-3:before,.db-pink-bg-transparent-full:after,.db-pink-bg-transparent-full:before,.db-pink-bg-transparent-semi:after,.db-pink-bg-transparent-semi:before,.db-pink-contrast-high-interactive:after,.db-pink-contrast-high-interactive:before,.db-pink-contrast-high:after,.db-pink-contrast-high:before,.db-pink-contrast-low-interactive:after,.db-pink-contrast-low-interactive:before,.db-pink-contrast-low:after,.db-pink-contrast-low:before,.db-red-bg-lvl-1:after,.db-red-bg-lvl-1:before,.db-red-bg-lvl-2:after,.db-red-bg-lvl-2:before,.db-red-bg-lvl-3:after,.db-red-bg-lvl-3:before,.db-red-bg-transparent-full:after,.db-red-bg-transparent-full:before,.db-red-bg-transparent-semi:after,.db-red-bg-transparent-semi:before,.db-red-contrast-high-interactive:after,.db-red-contrast-high-interactive:before,.db-red-contrast-high:after,.db-red-contrast-high:before,.db-red-contrast-low-interactive:after,.db-red-contrast-low-interactive:before,.db-red-contrast-low:after,.db-red-contrast-low:before,.db-successful-bg-lvl-1:after,.db-successful-bg-lvl-1:before,.db-successful-bg-lvl-2:after,.db-successful-bg-lvl-2:before,.db-successful-bg-lvl-3:after,.db-successful-bg-lvl-3:before,.db-successful-bg-transparent-full:after,.db-successful-bg-transparent-full:before,.db-successful-bg-transparent-semi:after,.db-successful-bg-transparent-semi:before,.db-successful-contrast-high-interactive:after,.db-successful-contrast-high-interactive:before,.db-successful-contrast-high:after,.db-successful-contrast-high:before,.db-successful-contrast-low-interactive:after,.db-successful-contrast-low-interactive:before,.db-successful-contrast-low:after,.db-successful-contrast-low:before,.db-switch[data-emphasis=strong]>input:after,.db-switch[data-emphasis=strong]>input:before,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-emphasis=strong]>input:checked:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):before,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-turquoise-bg-lvl-1:after,.db-turquoise-bg-lvl-1:before,.db-turquoise-bg-lvl-2:after,.db-turquoise-bg-lvl-2:before,.db-turquoise-bg-lvl-3:after,.db-turquoise-bg-lvl-3:before,.db-turquoise-bg-transparent-full:after,.db-turquoise-bg-transparent-full:before,.db-turquoise-bg-transparent-semi:after,.db-turquoise-bg-transparent-semi:before,.db-turquoise-contrast-high-interactive:after,.db-turquoise-contrast-high-interactive:before,.db-turquoise-contrast-high:after,.db-turquoise-contrast-high:before,.db-turquoise-contrast-low-interactive:after,.db-turquoise-contrast-low-interactive:before,.db-turquoise-contrast-low:after,.db-turquoise-contrast-low:before,.db-violet-bg-lvl-1:after,.db-violet-bg-lvl-1:before,.db-violet-bg-lvl-2:after,.db-violet-bg-lvl-2:before,.db-violet-bg-lvl-3:after,.db-violet-bg-lvl-3:before,.db-violet-bg-transparent-full:after,.db-violet-bg-transparent-full:before,.db-violet-bg-transparent-semi:after,.db-violet-bg-transparent-semi:before,.db-violet-contrast-high-interactive:after,.db-violet-contrast-high-interactive:before,.db-violet-contrast-high:after,.db-violet-contrast-high:before,.db-violet-contrast-low-interactive:after,.db-violet-contrast-low-interactive:before,.db-violet-contrast-low:after,.db-violet-contrast-low:before,.db-warning-bg-lvl-1:after,.db-warning-bg-lvl-1:before,.db-warning-bg-lvl-2:after,.db-warning-bg-lvl-2:before,.db-warning-bg-lvl-3:after,.db-warning-bg-lvl-3:before,.db-warning-bg-transparent-full:after,.db-warning-bg-transparent-full:before,.db-warning-bg-transparent-semi:after,.db-warning-bg-transparent-semi:before,.db-warning-contrast-high-interactive:after,.db-warning-contrast-high-interactive:before,.db-warning-contrast-high:after,.db-warning-contrast-high:before,.db-warning-contrast-low-interactive:after,.db-warning-contrast-low-interactive:before,.db-warning-contrast-low:after,.db-warning-contrast-low:before,.db-yellow-bg-lvl-1:after,.db-yellow-bg-lvl-1:before,.db-yellow-bg-lvl-2:after,.db-yellow-bg-lvl-2:before,.db-yellow-bg-lvl-3:after,.db-yellow-bg-lvl-3:before,.db-yellow-bg-transparent-full:after,.db-yellow-bg-transparent-full:before,.db-yellow-bg-transparent-semi:after,.db-yellow-bg-transparent-semi:before,.db-yellow-contrast-high-interactive:after,.db-yellow-contrast-high-interactive:before,.db-yellow-contrast-high:after,.db-yellow-contrast-high:before,.db-yellow-contrast-low-interactive:after,.db-yellow-contrast-low-interactive:before,.db-yellow-contrast-low:after,.db-yellow-contrast-low:before,.example-container .example-item .example-sizing .sizing:after,.example-container .example-item .example-sizing .sizing:before,.example-container .example-item .example-spacing-fixed .gap1:after,.example-container .example-item .example-spacing-fixed .gap1:before,.example-container .example-item .example-spacing-fixed .gap2:after,.example-container .example-item .example-spacing-fixed .gap2:before,.example-container .example-item .example-spacing-responsive .margin1:after,.example-container .example-item .example-spacing-responsive .margin1:before,.example-container .example-item .example-spacing-responsive .margin2:after,.example-container .example-item .example-spacing-responsive .margin2:before,:root:after,:root:before,[data-color=blue-bg-lvl-1]:after,[data-color=blue-bg-lvl-1]:before,[data-color=blue-bg-lvl-2]:after,[data-color=blue-bg-lvl-2]:before,[data-color=blue-bg-lvl-3]:after,[data-color=blue-bg-lvl-3]:before,[data-color=blue-bg-transparent-full]:after,[data-color=blue-bg-transparent-full]:before,[data-color=blue-bg-transparent-semi]:after,[data-color=blue-bg-transparent-semi]:before,[data-color=blue-contrast-high-interactive]:after,[data-color=blue-contrast-high-interactive]:before,[data-color=blue-contrast-high]:after,[data-color=blue-contrast-high]:before,[data-color=blue-contrast-low-interactive]:after,[data-color=blue-contrast-low-interactive]:before,[data-color=blue-contrast-low]:after,[data-color=blue-contrast-low]:before,[data-color=brand-bg-lvl-1]:after,[data-color=brand-bg-lvl-1]:before,[data-color=brand-bg-lvl-2]:after,[data-color=brand-bg-lvl-2]:before,[data-color=brand-bg-lvl-3]:after,[data-color=brand-bg-lvl-3]:before,[data-color=brand-bg-transparent-full]:after,[data-color=brand-bg-transparent-full]:before,[data-color=brand-bg-transparent-semi]:after,[data-color=brand-bg-transparent-semi]:before,[data-color=brand-contrast-high-interactive]:after,[data-color=brand-contrast-high-interactive]:before,[data-color=brand-contrast-high]:after,[data-color=brand-contrast-high]:before,[data-color=brand-contrast-low-interactive]:after,[data-color=brand-contrast-low-interactive]:before,[data-color=brand-contrast-low]:after,[data-color=brand-contrast-low]:before,[data-color=critical-bg-lvl-1]:after,[data-color=critical-bg-lvl-1]:before,[data-color=critical-bg-lvl-2]:after,[data-color=critical-bg-lvl-2]:before,[data-color=critical-bg-lvl-3]:after,[data-color=critical-bg-lvl-3]:before,[data-color=critical-bg-transparent-full]:after,[data-color=critical-bg-transparent-full]:before,[data-color=critical-bg-transparent-semi]:after,[data-color=critical-bg-transparent-semi]:before,[data-color=critical-contrast-high-interactive]:after,[data-color=critical-contrast-high-interactive]:before,[data-color=critical-contrast-high]:after,[data-color=critical-contrast-high]:before,[data-color=critical-contrast-low-interactive]:after,[data-color=critical-contrast-low-interactive]:before,[data-color=critical-contrast-low]:after,[data-color=critical-contrast-low]:before,[data-color=cyan-bg-lvl-1]:after,[data-color=cyan-bg-lvl-1]:before,[data-color=cyan-bg-lvl-2]:after,[data-color=cyan-bg-lvl-2]:before,[data-color=cyan-bg-lvl-3]:after,[data-color=cyan-bg-lvl-3]:before,[data-color=cyan-bg-transparent-full]:after,[data-color=cyan-bg-transparent-full]:before,[data-color=cyan-bg-transparent-semi]:after,[data-color=cyan-bg-transparent-semi]:before,[data-color=cyan-contrast-high-interactive]:after,[data-color=cyan-contrast-high-interactive]:before,[data-color=cyan-contrast-high]:after,[data-color=cyan-contrast-high]:before,[data-color=cyan-contrast-low-interactive]:after,[data-color=cyan-contrast-low-interactive]:before,[data-color=cyan-contrast-low]:after,[data-color=cyan-contrast-low]:before,[data-color=green-bg-lvl-1]:after,[data-color=green-bg-lvl-1]:before,[data-color=green-bg-lvl-2]:after,[data-color=green-bg-lvl-2]:before,[data-color=green-bg-lvl-3]:after,[data-color=green-bg-lvl-3]:before,[data-color=green-bg-transparent-full]:after,[data-color=green-bg-transparent-full]:before,[data-color=green-bg-transparent-semi]:after,[data-color=green-bg-transparent-semi]:before,[data-color=green-contrast-high-interactive]:after,[data-color=green-contrast-high-interactive]:before,[data-color=green-contrast-high]:after,[data-color=green-contrast-high]:before,[data-color=green-contrast-low-interactive]:after,[data-color=green-contrast-low-interactive]:before,[data-color=green-contrast-low]:after,[data-color=green-contrast-low]:before,[data-color=informational-bg-lvl-1]:after,[data-color=informational-bg-lvl-1]:before,[data-color=informational-bg-lvl-2]:after,[data-color=informational-bg-lvl-2]:before,[data-color=informational-bg-lvl-3]:after,[data-color=informational-bg-lvl-3]:before,[data-color=informational-bg-transparent-full]:after,[data-color=informational-bg-transparent-full]:before,[data-color=informational-bg-transparent-semi]:after,[data-color=informational-bg-transparent-semi]:before,[data-color=informational-contrast-high-interactive]:after,[data-color=informational-contrast-high-interactive]:before,[data-color=informational-contrast-high]:after,[data-color=informational-contrast-high]:before,[data-color=informational-contrast-low-interactive]:after,[data-color=informational-contrast-low-interactive]:before,[data-color=informational-contrast-low]:after,[data-color=informational-contrast-low]:before,[data-color=neutral-bg-lvl-1]:after,[data-color=neutral-bg-lvl-1]:before,[data-color=neutral-bg-lvl-2]:after,[data-color=neutral-bg-lvl-2]:before,[data-color=neutral-bg-lvl-3]:after,[data-color=neutral-bg-lvl-3]:before,[data-color=neutral-bg-transparent-full]:after,[data-color=neutral-bg-transparent-full]:before,[data-color=neutral-bg-transparent-semi]:after,[data-color=neutral-bg-transparent-semi]:before,[data-color=neutral-contrast-high-interactive]:after,[data-color=neutral-contrast-high-interactive]:before,[data-color=neutral-contrast-high]:after,[data-color=neutral-contrast-high]:before,[data-color=neutral-contrast-low-interactive]:after,[data-color=neutral-contrast-low-interactive]:before,[data-color=neutral-contrast-low]:after,[data-color=neutral-contrast-low]:before,[data-color=orange-bg-lvl-1]:after,[data-color=orange-bg-lvl-1]:before,[data-color=orange-bg-lvl-2]:after,[data-color=orange-bg-lvl-2]:before,[data-color=orange-bg-lvl-3]:after,[data-color=orange-bg-lvl-3]:before,[data-color=orange-bg-transparent-full]:after,[data-color=orange-bg-transparent-full]:before,[data-color=orange-bg-transparent-semi]:after,[data-color=orange-bg-transparent-semi]:before,[data-color=orange-contrast-high-interactive]:after,[data-color=orange-contrast-high-interactive]:before,[data-color=orange-contrast-high]:after,[data-color=orange-contrast-high]:before,[data-color=orange-contrast-low-interactive]:after,[data-color=orange-contrast-low-interactive]:before,[data-color=orange-contrast-low]:after,[data-color=orange-contrast-low]:before,[data-color=pink-bg-lvl-1]:after,[data-color=pink-bg-lvl-1]:before,[data-color=pink-bg-lvl-2]:after,[data-color=pink-bg-lvl-2]:before,[data-color=pink-bg-lvl-3]:after,[data-color=pink-bg-lvl-3]:before,[data-color=pink-bg-transparent-full]:after,[data-color=pink-bg-transparent-full]:before,[data-color=pink-bg-transparent-semi]:after,[data-color=pink-bg-transparent-semi]:before,[data-color=pink-contrast-high-interactive]:after,[data-color=pink-contrast-high-interactive]:before,[data-color=pink-contrast-high]:after,[data-color=pink-contrast-high]:before,[data-color=pink-contrast-low-interactive]:after,[data-color=pink-contrast-low-interactive]:before,[data-color=pink-contrast-low]:after,[data-color=pink-contrast-low]:before,[data-color=red-bg-lvl-1]:after,[data-color=red-bg-lvl-1]:before,[data-color=red-bg-lvl-2]:after,[data-color=red-bg-lvl-2]:before,[data-color=red-bg-lvl-3]:after,[data-color=red-bg-lvl-3]:before,[data-color=red-bg-transparent-full]:after,[data-color=red-bg-transparent-full]:before,[data-color=red-bg-transparent-semi]:after,[data-color=red-bg-transparent-semi]:before,[data-color=red-contrast-high-interactive]:after,[data-color=red-contrast-high-interactive]:before,[data-color=red-contrast-high]:after,[data-color=red-contrast-high]:before,[data-color=red-contrast-low-interactive]:after,[data-color=red-contrast-low-interactive]:before,[data-color=red-contrast-low]:after,[data-color=red-contrast-low]:before,[data-color=successful-bg-lvl-1]:after,[data-color=successful-bg-lvl-1]:before,[data-color=successful-bg-lvl-2]:after,[data-color=successful-bg-lvl-2]:before,[data-color=successful-bg-lvl-3]:after,[data-color=successful-bg-lvl-3]:before,[data-color=successful-bg-transparent-full]:after,[data-color=successful-bg-transparent-full]:before,[data-color=successful-bg-transparent-semi]:after,[data-color=successful-bg-transparent-semi]:before,[data-color=successful-contrast-high-interactive]:after,[data-color=successful-contrast-high-interactive]:before,[data-color=successful-contrast-high]:after,[data-color=successful-contrast-high]:before,[data-color=successful-contrast-low-interactive]:after,[data-color=successful-contrast-low-interactive]:before,[data-color=successful-contrast-low]:after,[data-color=successful-contrast-low]:before,[data-color=turquoise-bg-lvl-1]:after,[data-color=turquoise-bg-lvl-1]:before,[data-color=turquoise-bg-lvl-2]:after,[data-color=turquoise-bg-lvl-2]:before,[data-color=turquoise-bg-lvl-3]:after,[data-color=turquoise-bg-lvl-3]:before,[data-color=turquoise-bg-transparent-full]:after,[data-color=turquoise-bg-transparent-full]:before,[data-color=turquoise-bg-transparent-semi]:after,[data-color=turquoise-bg-transparent-semi]:before,[data-color=turquoise-contrast-high-interactive]:after,[data-color=turquoise-contrast-high-interactive]:before,[data-color=turquoise-contrast-high]:after,[data-color=turquoise-contrast-high]:before,[data-color=turquoise-contrast-low-interactive]:after,[data-color=turquoise-contrast-low-interactive]:before,[data-color=turquoise-contrast-low]:after,[data-color=turquoise-contrast-low]:before,[data-color=violet-bg-lvl-1]:after,[data-color=violet-bg-lvl-1]:before,[data-color=violet-bg-lvl-2]:after,[data-color=violet-bg-lvl-2]:before,[data-color=violet-bg-lvl-3]:after,[data-color=violet-bg-lvl-3]:before,[data-color=violet-bg-transparent-full]:after,[data-color=violet-bg-transparent-full]:before,[data-color=violet-bg-transparent-semi]:after,[data-color=violet-bg-transparent-semi]:before,[data-color=violet-contrast-high-interactive]:after,[data-color=violet-contrast-high-interactive]:before,[data-color=violet-contrast-high]:after,[data-color=violet-contrast-high]:before,[data-color=violet-contrast-low-interactive]:after,[data-color=violet-contrast-low-interactive]:before,[data-color=violet-contrast-low]:after,[data-color=violet-contrast-low]:before,[data-color=warning-bg-lvl-1]:after,[data-color=warning-bg-lvl-1]:before,[data-color=warning-bg-lvl-2]:after,[data-color=warning-bg-lvl-2]:before,[data-color=warning-bg-lvl-3]:after,[data-color=warning-bg-lvl-3]:before,[data-color=warning-bg-transparent-full]:after,[data-color=warning-bg-transparent-full]:before,[data-color=warning-bg-transparent-semi]:after,[data-color=warning-bg-transparent-semi]:before,[data-color=warning-contrast-high-interactive]:after,[data-color=warning-contrast-high-interactive]:before,[data-color=warning-contrast-high]:after,[data-color=warning-contrast-high]:before,[data-color=warning-contrast-low-interactive]:after,[data-color=warning-contrast-low-interactive]:before,[data-color=warning-contrast-low]:after,[data-color=warning-contrast-low]:before,[data-color=yellow-bg-lvl-1]:after,[data-color=yellow-bg-lvl-1]:before,[data-color=yellow-bg-lvl-2]:after,[data-color=yellow-bg-lvl-2]:before,[data-color=yellow-bg-lvl-3]:after,[data-color=yellow-bg-lvl-3]:before,[data-color=yellow-bg-transparent-full]:after,[data-color=yellow-bg-transparent-full]:before,[data-color=yellow-bg-transparent-semi]:after,[data-color=yellow-bg-transparent-semi]:before,[data-color=yellow-contrast-high-interactive]:after,[data-color=yellow-contrast-high-interactive]:before,[data-color=yellow-contrast-high]:after,[data-color=yellow-contrast-high]:before,[data-color=yellow-contrast-low-interactive]:after,[data-color=yellow-contrast-low-interactive]:before,[data-color=yellow-contrast-low]:after,[data-color=yellow-contrast-low]:before,blockquote:after,blockquote:before,code:after,code:before,pre:has(code):after,pre:has(code):before,table th:after,table th:before,table tr:nth-child(2n):after,table tr:nth-child(2n):before{color:var(--db-current-icon-color,inherit)}.db-badge[data-semantic=neutral][data-emphasis=strong],.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],[data-color=neutral-contrast-high-interactive],[data-color=neutral-contrast-high],code,pre:has(code){--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-high-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var( --db-neutral-contrast-high-enabled )}.db-badge[data-semantic=neutral],.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-notification[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root,[data-color=neutral-bg-lvl-1],[data-color=neutral-bg-lvl-2],[data-color=neutral-bg-lvl-3],[data-color=neutral-bg-transparent-full],[data-color=neutral-bg-transparent-semi],blockquote,table th,table tr:nth-child(2n){--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-neutral-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-neutral-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=neutral],[data-emphasis=weak].db-neutral-bg-lvl-1,[data-emphasis=weak].db-neutral-bg-lvl-2,[data-emphasis=weak].db-neutral-bg-lvl-3,[data-emphasis=weak].db-neutral-bg-transparent-full,[data-emphasis=weak].db-neutral-bg-transparent-semi,[data-emphasis=weak].db-tag[data-semantic=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,[data-emphasis=weak][data-color=neutral-bg-lvl-1],[data-emphasis=weak][data-color=neutral-bg-lvl-2],[data-emphasis=weak][data-color=neutral-bg-lvl-3],[data-emphasis=weak][data-color=neutral-bg-transparent-full],[data-emphasis=weak][data-color=neutral-bg-transparent-semi],blockquote[data-emphasis=weak],table th[data-emphasis=weak],table tr[data-emphasis=weak]:nth-child(2n){--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=neutral],.db-neutral-bg-lvl-1,.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root,[data-color=neutral-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-neutral-bg-transparent-semi,[data-color=neutral-bg-transparent-semi],blockquote,table th,table tr:nth-child(2n){--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-badge[data-semantic=critical][data-emphasis=strong],.db-critical-contrast-high,.db-critical-contrast-high-interactive,.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong],[data-color=critical-contrast-high-interactive],[data-color=critical-contrast-high]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-high-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var( --db-critical-contrast-high-enabled )}.db-critical-contrast-low,.db-critical-contrast-low-interactive,.db-switch[data-emphasis=strong]>input,[data-color=critical-contrast-low-interactive],[data-color=critical-contrast-low]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-low-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-low-pressed );--db-current-color-border:var( --db-critical-contrast-low-enabled )}.db-badge[data-semantic=critical],.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid),.db-input:has(input[data-custom-validity=invalid]),.db-notification[data-semantic=critical],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid),.db-select:has(select[data-custom-validity=invalid]),.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],[data-color=critical-bg-lvl-1],[data-color=critical-bg-lvl-2],[data-color=critical-bg-lvl-3],[data-color=critical-bg-transparent-full],[data-color=critical-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-critical-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-critical-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-critical-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-critical-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=critical],[data-emphasis=weak].db-critical-bg-lvl-1,[data-emphasis=weak].db-critical-bg-lvl-2,[data-emphasis=weak].db-critical-bg-lvl-3,[data-emphasis=weak].db-critical-bg-transparent-full,[data-emphasis=weak].db-critical-bg-transparent-semi,[data-emphasis=weak].db-tag[data-semantic=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color=critical-bg-lvl-1],[data-emphasis=weak][data-color=critical-bg-lvl-2],[data-emphasis=weak][data-color=critical-bg-lvl-3],[data-emphasis=weak][data-color=critical-bg-transparent-full],[data-emphasis=weak][data-color=critical-bg-transparent-semi]{--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=critical],.db-critical-bg-lvl-1,.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],[data-color=critical-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=successful][data-emphasis=strong],.db-successful-contrast-high,.db-successful-contrast-high-interactive,.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2,[data-color=successful-contrast-high-interactive],[data-color=successful-contrast-high]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-high-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var( --db-successful-contrast-high-enabled )}.db-successful-contrast-low,.db-successful-contrast-low-interactive,.db-switch[data-emphasis=strong]>input:checked,[data-color=successful-contrast-low-interactive],[data-color=successful-contrast-low]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-low-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-low-pressed );--db-current-color-border:var( --db-successful-contrast-low-enabled )}.db-badge[data-semantic=successful],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid),.db-input:has(input[data-custom-validity=valid]),.db-notification[data-semantic=successful],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid),.db-select:has(select[data-custom-validity=valid]),.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],[data-color=successful-bg-lvl-1],[data-color=successful-bg-lvl-2],[data-color=successful-bg-lvl-3],[data-color=successful-bg-transparent-full],[data-color=successful-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-successful-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-successful-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-successful-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-successful-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=successful],[data-emphasis=weak].db-successful-bg-lvl-1,[data-emphasis=weak].db-successful-bg-lvl-2,[data-emphasis=weak].db-successful-bg-lvl-3,[data-emphasis=weak].db-successful-bg-transparent-full,[data-emphasis=weak].db-successful-bg-transparent-semi,[data-emphasis=weak].db-tag[data-semantic=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color=successful-bg-lvl-1],[data-emphasis=weak][data-color=successful-bg-lvl-2],[data-emphasis=weak][data-color=successful-bg-lvl-3],[data-emphasis=weak][data-color=successful-bg-transparent-full],[data-emphasis=weak][data-color=successful-bg-transparent-semi]{--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=successful],.db-successful-bg-lvl-1,.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],[data-color=successful-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],.db-warning-contrast-high,.db-warning-contrast-high-interactive,.example-container .example-item .example-sizing .sizing,[data-color=warning-contrast-high-interactive],[data-color=warning-contrast-high]{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-high-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var( --db-warning-contrast-high-enabled )}.db-badge[data-semantic=warning],.db-notification[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,[data-color=warning-bg-lvl-1],[data-color=warning-bg-lvl-2],[data-color=warning-bg-lvl-3],[data-color=warning-bg-transparent-full],[data-color=warning-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-warning-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-warning-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-warning-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-warning-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=warning],[data-emphasis=weak].db-tag[data-semantic=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak].db-warning-bg-lvl-1,[data-emphasis=weak].db-warning-bg-lvl-2,[data-emphasis=weak].db-warning-bg-lvl-3,[data-emphasis=weak].db-warning-bg-transparent-full,[data-emphasis=weak].db-warning-bg-transparent-semi,[data-emphasis=weak][data-color=warning-bg-lvl-1],[data-emphasis=weak][data-color=warning-bg-lvl-2],[data-emphasis=weak][data-color=warning-bg-lvl-3],[data-emphasis=weak][data-color=warning-bg-transparent-full],[data-emphasis=weak][data-color=warning-bg-transparent-semi]{--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-warning-bg-lvl-1,[data-color=warning-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=informational][data-emphasis=strong],.db-informational-contrast-high,.db-informational-contrast-high-interactive,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong],[data-color=informational-contrast-high-interactive],[data-color=informational-contrast-high]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-high-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var( --db-informational-contrast-high-enabled )}.db-badge[data-semantic=informational],.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-notification[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],[data-color=informational-bg-lvl-1],[data-color=informational-bg-lvl-2],[data-color=informational-bg-lvl-3],[data-color=informational-bg-transparent-full],[data-color=informational-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-informational-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-informational-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-informational-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-informational-on-bg-weak-pressed )}[data-emphasis=weak].db-badge[data-semantic=informational],[data-emphasis=weak].db-informational-bg-lvl-1,[data-emphasis=weak].db-informational-bg-lvl-2,[data-emphasis=weak].db-informational-bg-lvl-3,[data-emphasis=weak].db-informational-bg-transparent-full,[data-emphasis=weak].db-informational-bg-transparent-semi,[data-emphasis=weak].db-tag[data-semantic=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color=informational-bg-lvl-1],[data-emphasis=weak][data-color=informational-bg-lvl-2],[data-emphasis=weak][data-color=informational-bg-lvl-3],[data-emphasis=weak][data-color=informational-bg-transparent-full],[data-emphasis=weak][data-color=informational-bg-transparent-semi]{--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=informational],.db-informational-bg-lvl-1,.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],[data-color=informational-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-input[data-variant=hidden] label,.db-select[data-variant=hidden] label,.db-textarea[data-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}.db-focus-default,.db-tab-item input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible,[data-focus=default]{outline:var(--db-border-height-2xs) solid var(--db-informational-contrast-high-enabled);outline-offset:var(--db-border-height-xs);transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}.db-focus-default:not([type=radio],[role=switch]),.db-tab-item input:not([type=radio],[role=switch]):focus-visible:before,:not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible,[data-focus=default]:not([type=radio],[role=switch]){border-radius:var(--db-border-radius-xs)}@media(prefers-reduced-motion:reduce){.db-focus-default,.db-tab-item input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible,[data-focus=default]{transition-duration:.01s!important}}.db-density-expressive,.db-density-functional,.db-density-regular,:root,[data-density=expressive],[data-density=functional],[data-density=regular]{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-density-expressive,.db-density-functional,.db-density-regular,.db-font-size-md,.db-header-meta-navigation,.db-input input,.db-input[data-variant=floating] label,.db-notification a[data-size=small],.db-select [id$=-placeholder],.db-select select,.db-select[data-variant=floating] label,.db-textarea textarea,.db-textarea[data-variant=floating] label,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=expressive],[data-density=functional],[data-density=regular],[data-font-size=md],table{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-checkbox[data-size=small],.db-font-size-sm,.db-infotext,.db-input,.db-input[data-variant=floating] [id$=-placeholder],.db-input[data-variant=floating] input,.db-link[data-size=small],.db-notification span,.db-radio[data-size=small],.db-select,.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select,.db-switch>input,.db-switch[data-size=small],.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea,.db-tooltip,[data-font-size=sm],code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs,.db-infotext[data-size=small],.db-input label,.db-select label,.db-switch[data-size=small]>input,.db-textarea label,[data-font-size=xs]{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-font-size-2xs,.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label,[data-font-size="2xs"]{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-density-expressive,[data-density=expressive]{--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-desktop-headline-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-desktop-headline-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-desktop-headline-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:300;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-medium.c023f5c3.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-semibold.8a157062.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreenhead-regular.c08dcf80.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}.db-interactive-elevation,[data-interactive=elevation]{cursor:pointer;transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);box-shadow:var(--db-elevation-md)}.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]):is(textarea),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;box-shadow:var(--db-elevation-sm)}.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]):is(input),.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]):is(textarea),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}:is(h1,h2,h3,h4,h5,h6){font-family:var(--db-font-family-head);font-weight:700}:is(h1,h2,h3,h4,h5,h6)[data-variant=light]{font-weight:300}:is(h1,h2,h3,h4,h5,h6)[data-variant=regular]{font-weight:400}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-xl );--db-icon-font-weight:var( --db-base-headline-icon-weight-xl )}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h2:after,h2:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-lg );--db-icon-font-weight:var( --db-base-headline-icon-weight-lg )}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h3:after,h3:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-md );--db-icon-font-weight:var( --db-base-headline-icon-weight-md )}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h4:after,h4:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-sm );--db-icon-font-weight:var( --db-base-headline-icon-weight-sm )}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h5:after,h5:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-xs );--db-icon-font-weight:var( --db-base-headline-icon-weight-xs )}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}h6:after,h6:before{--db-icon-font-size:var( --db-base-headline-icon-font-size-2xs );--db-icon-font-weight:var( --db-base-headline-icon-weight-2xs )}p{margin-block:var(--db-spacing-fixed-md)}[data-font=digital]{font-weight:300}[data-font=regular]{font-weight:400}[data-font=medium]{font-weight:500}[data-font=semibold]{font-weight:600}[data-font=bold],strong{font-weight:700}:where(html){line-height:1.15;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit;font-family:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){-webkit-padding-start:var(--db-spacing-fixed-md);padding-inline-start:var(--db-spacing-fixed-md);list-style-type:"• "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-extra-fast),background-color var(--db-transition-straight-emotional);transition:outline var(--db-transition-duration-extra-fast),background-color var(--db-transition-straight-emotional)}.db-link,.db-notification a{transition:outline var(--db-transition-duration-extra-fast),color var(--db-transition-straight-emotional)}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));-webkit-alt:"";alt:"";color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@supports(content:""/""){.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border:var(--db-border-height-3xs) solid var(--db-current-color-enabled)}.db-button[data-variant=brand],.db-button[data-variant=filled],.db-button[data-variant=ghost],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-3xs) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-badge,.db-card,.db-input input,.db-notification,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-3xs) solid var(--db-current-color-border)}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-xs)}.db-card,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-sm))}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{color:var(--db-current-color-enabled);block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-no-text=true]{font-size:0!important;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-no-text=true]:before{--db-icon-margin-end:0;margin:auto}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not([data-no-text=true]){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not([data-no-text=true]):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small][data-no-text=true]{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=brand]{--db-current-icon-color:var(--db-brand-on-enabled);background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-brand-origin-hover)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:not([data-variant]),.db-button[data-variant=ghost],.db-button[data-variant=outlined]{background-color:var(--db-current-color-bg-transparent-full-enabled)}.db-button[data-variant=filled]{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-button:disabled{opacity:.4}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-navigation>menu .db-navigation-item:after,.db-tabs .db-tab-item:after{content:"";position:absolute;border-radius:var(--db-border-radius-xs);transition:height var(--db-transition-duration-fast) var(--db-transition-timing-emotional),width var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}.db-navigation>menu .db-navigation-item:after{block-size:0;inline-size:var(--db-border-height-xs);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:after{block-size:var(--db-border-height-xs);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}}.db-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-xs)}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-xs);inline-size:100%}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"chevron_down";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-straight-emotional);pointer-events:none}.db-checkbox .db-infotext,.db-input .db-infotext,.db-select .db-infotext,.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-checkbox .db-infotext:is([data-semantic],:empty),.db-input .db-infotext:is([data-semantic],:empty),.db-select .db-infotext:is([data-semantic],:empty),.db-textarea .db-infotext:is([data-semantic],:empty){display:none}.db-tab-item{position:relative;display:inline-flex;list-style-type:none;border-radius:var(--db-border-radius-sm)}.db-tab-item:has(input:disabled){opacity:.4}.db-tab-item label{background-color:var(--db-current-color-bg-transparent-full-enabled);padding:var(--db-spacing-fixed-xs);align-items:center;display:inline-block;white-space:nowrap;border:none;border-radius:var(--db-border-radius-sm);overflow:hidden;text-overflow:ellipsis}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(:not(input:disabled)){background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(input:disabled){cursor:auto}.db-tab-item label:has(input:checked){font-weight:700}.db-tab-item label[data-icon]{-webkit-padding-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab-item label[data-icon]:before{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(0% + var(--db-spacing-fixed-xs))}.db-tab-item label[data-icon-after]{-webkit-padding-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab-item label[data-icon-after]:after{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-end:calc(0% + var(--db-spacing-fixed-xs))}.db-tab-item label[data-no-text=true]{font-size:0!important;padding:0;inline-size:calc(calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height))) - var(--db-spacing-fixed-2xs));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-xs))}.db-tab-item label[data-no-text=true]:before{--db-icon-margin-end:0;-webkit-margin-end:0;margin-inline-end:0}.db-tab-item input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;-webkit-margin-end:initial;margin-inline-end:0;inset:0;background:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-sm);z-index:-1}.db-tab-item input:focus-visible:is(input[type=radio]){outline:none;box-shadow:none}.db-tab-item input:focus-visible:before{content:"";position:absolute;inset:0;border-radius:var(--db-border-radius-sm);z-index:10;pointer-events:none}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-color-border);position:relative;block-size:var(--db-border-height-3xs);inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-color-border);position:relative;block-size:100%;inline-size:var(--db-border-height-3xs)}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-card:not([data-spacing]),.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-card[data-spacing=none]{padding:0}.db-card:not([data-elevation-level]),.db-card[data-elevation-level="1"]{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-hover)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-pressed)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"]{background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-2-hover)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-2-pressed)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"]{background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-hover)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-pressed)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column}.db-input[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-variant=floating]:after,.db-input[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input+[id$=-placeholder],.db-input[data-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=valid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=valid]) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=invalid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=invalid]) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input input{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:.4}.db-input input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input input:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input input:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-variant=hidden] label{padding:0}.db-input:has(input:disabled){opacity:.4;pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"magnifying_glass";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cross_circle";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=search]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=time]):after{--db-icon-after:"clock";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=time]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + var(--db-border-height-3xs))}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand{display:flex;gap:var(--db-spacing-fixed-sm);align-items:center;font-weight:700}.db-brand:before{--db-icon-font-size:var(--db-sizing-md);--db-icon-margin-end:0;--db-current-icon-color:var(--db-brand-origin-enabled)}.db-brand img{inline-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs));max-block-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs))}.db-brand a,a:has(.db-brand){text-decoration:none}.db-header{background-color:var(--db-current-color-bg-lvl-1-enabled);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem);-webkit-border-after:var(--db-border-height-3xs) solid var(--db-current-color-border);border-block-end:var(--db-border-height-3xs) solid var(--db-current-color-border)}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header[data-width=medium]{margin-inline:auto;max-inline-size:64em}.db-header[data-width=large]{margin-inline:auto;max-inline-size:90em}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header:has(.db-brand:empty) .db-header-navigation-container:before,.db-header:has(.db-header-navigation:empty) .db-header-navigation-container:before{display:none}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:100%;align-items:center}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md) var(--db-spacing-fixed-lg)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;background-color:var(--db-current-color-bg-lvl-2-enabled);padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-lg);margin:0;gap:var(--db-spacing-fixed-md);flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):before,.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:before,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;align-items:center;block-size:100%}@media screen and (min-width:64em){.db-header-navigation-container:not([data-force-mobile]),.db-header-navigation-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-navigation-container:not([data-force-mobile])[data-emphasis=strong],.db-header-navigation-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-navigation-container:not([data-force-mobile]):before,.db-header-navigation-container[data-force-mobile=false]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;-webkit-margin-start:var(--db-spacing-fixed-lg);margin-inline-start:var(--db-spacing-fixed-lg)}}.db-header-primary-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-secondary-action:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-secondary-action:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}.db-header-action-container{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{margin-inline:var(--db-spacing-fixed-xs);position:inherit;block-size:100%}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-secondary-action{--db-divider-bg-color:var(--db-current-color-border);position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-secondary-action[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-secondary-action:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-secondary-action:not([data-force-mobile]):before,.db-header-secondary-action[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{margin-inline:var(--db-spacing-fixed-lg)}}.db-header-navigation,.db-header-secondary-action{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false],.db-header-secondary-action:not([data-force-mobile]),.db-header-secondary-action[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.db-header-action-container>.db-header-secondary-action,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-secondary-action:not([data-force-mobile]),.db-header-action-container>.db-header-secondary-action[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}.db-page-document{block-size:100%;overflow:hidden}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-straight-emotional)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page[data-variant=fixed]{block-size:100%;min-block-size:100%;display:flex;flex-direction:column}.db-page[data-variant=fixed]>:is(.db-header,.db-footer,header,footer){display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page[data-variant=fixed]>:is(db-header,dbheader,dbfooter,db-footer)>:is(.db-header,.db-footer,header,footer){display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page[data-variant=fixed]>.db-main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a,.db-notification a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link,.db-notification a,.db-notification a[data-variant=brand]{color:var(--db-current-color-enabled)}.db-link:hover:not(:disabled):not([aria-disabled=true]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:color-mix(in srgb,transparent 25%,var(--db-current-color-enabled))}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link:active:not(:disabled):not([aria-disabled=true]),.db-notification a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:color-mix(in srgb,transparent 50%,var(--db-current-color-enabled))}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link,.db-notification a{inline-size:-moz-fit-content;inline-size:fit-content;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:focus-visible,.db-notification a:focus-visible{border-radius:var(--db-border-radius-xs)}.db-notification a[aria-disabled=true],[aria-disabled=true].db-link{opacity:.4;pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link:not([data-variant=inline])[data-content=internal]:after{vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"arrow_up_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-link:not([data-variant=inline])[data-content=external]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=brand]{--db-current-color-enabled:var(--db-brand-contrast-high-enabled);--db-current-icon-color:var(--db-brand-contrast-high-enabled);color:var(--db-current-color-enabled)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-hover)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-pressed)}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-width=full]{padding-inline:0}.db-section[data-spacing=none]{padding-block:0}.db-section[data-spacing=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-spacing=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-spacing=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-width=full]{max-inline-size:none}.db-section>div[data-width=medium]{max-inline-size:64em}.db-section>div[data-width=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-filled"}.db-infotext:not([data-icon]):before{--db-icon:"information_circle";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext:not([data-semantic]),.db-infotext[data-semantic=adaptive]{color:var(--db-current-color-contrast-high-enabled)}.db-infotext:not([data-semantic]):before,.db-infotext[data-semantic=adaptive]:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-infotext[data-semantic=neutral]{color:var(--db-neutral-contrast-high-enabled)}.db-infotext[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=neutral]:before{--db-current-icon-color:var( --db-neutral-contrast-low-enabled )}.db-infotext[data-semantic=critical]{color:var(--db-critical-contrast-high-enabled)}.db-infotext[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-infotext[data-semantic=critical]:before{--db-current-icon-color:var( --db-critical-contrast-low-enabled )}.db-infotext[data-semantic=successful]{color:var(--db-successful-contrast-high-enabled)}.db-infotext[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-semantic=successful]:before{--db-current-icon-color:var( --db-successful-contrast-low-enabled )}.db-infotext[data-semantic=warning]{color:var(--db-warning-contrast-high-enabled)}.db-infotext[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-infotext[data-semantic=warning]:before{--db-current-icon-color:var( --db-warning-contrast-low-enabled )}.db-infotext[data-semantic=informational]{color:var(--db-informational-contrast-high-enabled)}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]:before{--db-current-icon-color:var( --db-informational-contrast-low-enabled )}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification[data-variant=overlay] a{display:none}.db-notification[data-variant=overlay]:has(span){grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span):has(.db-button){grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification[data-variant=overlay]:has(span):has(header){grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification[data-variant=overlay]:has(span):has(header):has(.db-button){grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content content"}.db-notification[data-variant=overlay]:has(span):has(img),.db-notification[data-variant=overlay]:has(span)[data-icon],.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span):has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification[data-variant=overlay]:has(span):has(img):has(header),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(header),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification[data-variant=overlay]:has(span):has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content content"}.db-notification:not([data-variant=overlay]) span{display:none}.db-notification:has(a):not([data-link-variant=inline]):not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:has(a):not([data-link-variant=inline]):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"content close" "link link"}.db-notification:has(a):not([data-link-variant=inline]):has(header):not([data-variant=overlay]){grid-template-columns:1fr;grid-template-areas:"head" "content" "link"}.db-notification:has(a):not([data-link-variant=inline]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content" "link link"}.db-notification:has(a):not([data-link-variant=inline]):has(img):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(header):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(header):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(header):not([data-variant=overlay]){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content" "icon link"}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(header):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}.db-notification:has(a)[data-link-variant=inline]:not([data-variant=overlay]){grid-template-areas:"content link";grid-template-columns:1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content min-content;grid-template-areas:"content link close"}.db-notification:has(a)[data-link-variant=inline]:has(header):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"head link" "content content"}.db-notification:has(a)[data-link-variant=inline]:has(header):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content min-content;grid-template-areas:"head link close" "content content content"}.db-notification:has(a)[data-link-variant=inline]:has(img):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content link";grid-template-columns:min-content 1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(img):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content link close"}.db-notification:has(a)[data-link-variant=inline]:has(img):has(header):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(header):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(header):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head link" "icon content content"}.db-notification:has(a)[data-link-variant=inline]:has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(header):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head link close" "icon content content content"}.db-notification:has(span) .db-button,.db-notification:has(span) header,.db-notification:has(span) p,.db-notification:has(span):before{-webkit-margin-before:-2px;margin-block-start:-2px}.db-notification{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-notification:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-notification a{grid-area:link;white-space:nowrap}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification header{grid-area:head;font-weight:700}.db-notification header,.db-notification header h1,.db-notification header h2,.db-notification header h3,.db-notification header h4,.db-notification header h5,.db-notification header h6{font-family:var(--db-font-family-sans);margin:0;line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs)}.db-notification header h1:after,.db-notification header h1:before,.db-notification header h2:after,.db-notification header h2:before,.db-notification header h3:after,.db-notification header h3:before,.db-notification header h4:after,.db-notification header h4:before,.db-notification header h5:after,.db-notification header h5:before,.db-notification header h6:after,.db-notification header h6:before,.db-notification header:after,.db-notification header:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-2xs);--db-icon-font-weight:var(--db-base-headline-icon-weight-2xs)}.db-notification p{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs)}.db-notification span{grid-area:timestamp;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification:has(img) :before{content:none!important}.db-notification img,.db-notification:before,.db-notification[data-icon]:before{--db-icon-font-family:"db-ux-filled";--db-icon-margin-end:0;grid-area:icon}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=valid]) label,.db-checkbox:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=invalid]) label,.db-checkbox:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input:disabled){opacity:.4}.db-checkbox label,.db-checkbox:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-variant=hidden]{font-size:0}.db-checkbox[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox{transition-duration:.01s!important}}.db-checkbox input{border-radius:var(--db-border-radius-2xs)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0;color:var(--db-current-color-bg-enabled);background-color:var(--db-current-color-enabled)}.db-checkbox input:checked:before{--db-icon:"check";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-hover)}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-pressed)}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:before{color:var(--db-current-color-bg-enabled)}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:valid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:valid) label,.db-radio:has(input:not([data-custom-validity]):required:valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=valid]) label,.db-radio:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:invalid) label,.db-radio:has(input:not([data-custom-validity]):required:invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=invalid]) label,.db-radio:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input:disabled){opacity:.4}.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-radio input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-radio[data-variant=hidden]{font-size:0}.db-radio[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-radio{transition-duration:.01s!important}}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-full);transition:border-width var(--db-transition-duration-fast) var(--db-transition-timing-functional)}.db-radio input:checked:not(:disabled):hover{background-color:var(--db-current-color-bg-enabled)}.db-radio input:checked:not([data-size=small]){border-width:calc((calc(var(--db-base-font-size) * var(--db-base-line-height)) - var(--db-sizing-2xs))/2)}.db-radio input:checked[data-size=small]{border-width:calc((calc(var(--db-base-font-size) * var(--db-base-line-height)) - var(--db-sizing-3xs))/2)}.db-radio input:focus-visible{border-radius:var(--db-border-radius-full)}.db-badge[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);--db-current-color-enabled:var(--db-current-color-on-contrast-enabled);--db-current-color-bg-enabled:var(--db-current-color-contrast-high-enabled);--db-current-color-border:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(.db-tab-remove-button){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-contrast-high-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-contrast-high-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a{color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]){cursor:pointer;cursor:default;background-color:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0;display:flex;align-items:center}.db-tag label:has(input:checked){border-width:var(--db-border-height-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;block-size:100%;position:absolute;-webkit-margin-end:initial;margin-inline-end:0;border:none;border-radius:inherit;cursor:pointer;transform:translateX(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-3xs)) * -1))}.db-tag label input:checked,.db-tag label input:checked:not(:disabled):active,.db-tag label input:checked:not(:disabled):hover{background-color:var(--db-brand-bg-transparent-full-enabled)}.db-tag label input:checked:before{--db-icon:""}.db-tag a{display:inline-flex;align-items:center;text-decoration:none}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-xs);font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:.4;pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:var(--db-current-color-bg-transparent-full-enabled);-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);border:none;aspect-ratio:1/1}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color-enabled);opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color-enabled);opacity:.64}dialog:not([data-backdrop=none])[data-backdrop=invisible]::-webkit-backdrop{opacity:0}dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop{opacity:0}dialog:not([data-backdrop=none])[data-backdrop=weak]::-webkit-backdrop{opacity:.32}dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop{opacity:.32}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-sm);border-end-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-straight-hide)}[data-icon].db-select{--db-form-has-before:1}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-variant=floating]:after,.db-select[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select+[id$=-placeholder],.db-select[data-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select select{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:.4}.db-select select:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select select:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select select:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-variant=hidden] label{padding:0}.db-select:has(select:disabled){opacity:.4;pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-color-bg-enabled)}.db-select[data-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-density-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:var(--db-current-color-bg-transparent-full-enabled);cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item a:has(~.db-sub-navigation:hover){background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-straight-show)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-straight-hide)}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-straight-show)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-straight-hide)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:.4;pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-current-color-bg-lvl-1-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:100%}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=bottom]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]{transform:translateX(-100%);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right]:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]:before{inset-block-start:auto;inset-block-end:0;transform:translateX(100%) scaleX(-1)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;block-size:100%;inline-size:var(--db-navigation-item-inline-size,100%);background:transparent;transform:translateX(-100%);-webkit-clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%));clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:flex;font-weight:400;background-color:var(--db-current-color-bg-lvl-1-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-current-color-bg-lvl-1-enabled);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-current-color-bg-transparent-semi-enabled);background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-textarea-scrollbar-button-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-textarea-scrollbar-button-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-full-enabled);background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:var(--db-textarea-resizer-image);border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column}.db-textarea[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-variant=floating]:after,.db-textarea[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=valid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=valid]) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=valid]){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=invalid]){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea textarea{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:.4}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea textarea:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-variant=hidden] label{padding:0}.db-textarea:has(textarea:disabled){opacity:.4;pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-xs) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-xs) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-current-color-bg-transparent-semi-enabled);z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:not(:disabled):hover):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:not(:disabled):hover):after{background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);background-color:var(--db-current-color-bg-lvl-1-enabled);border-radius:var(--db-border-radius-full);padding-inline:var(--db-spacing-fixed-2xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge[data-placement^=corner][data-label]:before{content:attr(data-label);position:fixed;font-size:0}[data-has-badge=true]{position:relative}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-color-border);position:relative;-webkit-margin-before:calc(2*var(--db-spacing-fixed-sm));margin-block-start:calc(2*var(--db-spacing-fixed-sm))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0;inset-block-start:calc(-1*var(--db-spacing-fixed-sm))}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;border-radius:var(--db-border-radius-sm);pointer-events:none}.db-accordion-item{position:relative;inline-size:100%;border-radius:var(--db-border-radius-sm)}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:.4}.db-accordion-item summary{background-color:var(--db-current-color-bg-transparent-full-enabled);list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);border-radius:var(--db-border-radius-sm)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-xs)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-straight-emotional) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64em){.db-navigation:not([data-force-mobile]),.db-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-navigation>menu:not([data-force-mobile]),.db-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"chevron_down";transition:transform var(--db-transition-straight-emotional)}.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}@media screen and (min-width:64em){.db-navigation[data-force-close=true]>menu menu:not([data-force-mobile]),.db-navigation[data-force-close=true]>menu menu[data-force-mobile=false]{display:none}}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-sm)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{inset-inline-start:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-start:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{inset-inline-end:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{inset-block-end:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{inset-block-start:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-start:calc(-1*var(--db-popover-distance))}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],.db-popover[data-e2e-hover=true]>article,.db-tooltip[data-e2e-hover=true],[data-has-tooltip=true]:focus .db-tooltip:first-of-type,[data-has-tooltip=true]:hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy]),.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy]),[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]),[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]){--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx])[data-animation=disabled],[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy])[data-animation=disabled]{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled]),[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled]){animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-tooltip[data-e2e-hover=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],[data-has-tooltip=true]:focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-outside-vy=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],[data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy]),[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]),[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]){--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx])[data-animation=disabled],[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy])[data-animation=disabled]{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled]),[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled]){animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],[data-has-tooltip=true]:focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-outside-vy=bottom].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),.db-popover[data-e2e-hover=true]>article[data-outside-vx=left],.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx]),[data-has-tooltip=true]:focus [data-outside-vx=left].db-tooltip:first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left].db-tooltip:first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,[data-outside-vx=left].db-tooltip[data-e2e-hover=true],[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]){--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-outside-vx=left][data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],[data-has-tooltip=true]:focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-outside-vx=left][data-animation=disabled].db-tooltip[data-e2e-hover=true],[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx])[data-animation=disabled]{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),[data-has-tooltip=true]:focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-outside-vx=left].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled]),[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled]){animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],[data-has-tooltip=true]:focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-outside-vx=left].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled])[data-delay=slow],[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],[data-has-tooltip=true]:focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-outside-vx=left].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled])[data-delay=fast],[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),.db-popover[data-e2e-hover=true]>article[data-outside-vx=right],.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx]),[data-has-tooltip=true]:focus [data-outside-vx=right].db-tooltip:first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right].db-tooltip:first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,[data-outside-vx=right].db-tooltip[data-e2e-hover=true],[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]){--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-outside-vx=right][data-animation=disabled],.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],[data-has-tooltip=true]:focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,[data-outside-vx=right][data-animation=disabled].db-tooltip[data-e2e-hover=true],[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx])[data-animation=disabled]{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),[data-has-tooltip=true]:focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,[data-outside-vx=right].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled]),[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled]){animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],[data-has-tooltip=true]:focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-outside-vx=right].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled])[data-delay=slow],[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover[data-e2e-hover=true]>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],[data-has-tooltip=true]:focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-outside-vx=right].db-tooltip[data-e2e-hover=true]:not([data-animation=disabled])[data-delay=fast],[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{position:absolute;background-color:var(--db-current-color-bg-lvl-1-enabled);box-shadow:var(--db-elevation-md);visibility:hidden;z-index:1;white-space:nowrap}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-xs);--db-current-icon-color:var(--db-current-color-on-bg-enabled);color:var(--db-current-color-on-bg-enabled);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip,.db-tooltip:after,.db-tooltip:not([data-variant=basic]):after{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);color:var(--db-current-color-on-contrast-enabled)}.db-tooltip[data-emphasis=strong],.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-current-color-contrast-high-enabled)}.db-tab-list,[data-has-tooltip=true]{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);scroll-behavior:smooth;padding:0;margin:0}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:after{block-size:var(--db-border-height-xs);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:var(--db-border-height-xs);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{inset-block-end:calc(-1*(var(--db-spacing-fixed-2xs) + var(--db-border-height-xs)))}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:after{block-size:0;inline-size:var(--db-border-height-xs);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto;inset-inline-start:0;z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before{background-color:var(--db-current-color-bg-transparent-semi-enabled);content:"";border-radius:var(--db-border-radius-xs);position:absolute}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{block-size:var(--db-border-height-xs);inset-inline:var(--db-spacing-fixed-xs);inset-block-start:calc(3*var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{overflow-x:auto;overflow-y:hidden;inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs);-webkit-margin-after:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-xs));margin-block-end:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:first-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:first-of-type .db-tab-item{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:last-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:last-of-type .db-tab-item{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{min-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));max-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));-webkit-padding-end:var(--db-spacing-fixed-xs);padding-inline-end:var(--db-spacing-fixed-xs);-webkit-margin-after:auto;margin-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover{inline-size:-moz-fit-content;inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{inline-size:var(--db-border-height-xs);inset-block:var(--db-spacing-fixed-xs);inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{flex-direction:column;block-size:100%}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-item,.db-tabs[data-orientation=vertical] .db-tab-item input{-webkit-padding-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs));padding-inline-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab-item:first-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:first-of-type .db-tab-item{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab-item:last-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:last-of-type .db-tab-item{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab-item,.db-tabs[data-width=full] .db-tab-item label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab-item label{text-align:center;justify-content:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{position:absolute;z-index:21;background-color:var(--db-current-color-bg-enabled);inline-size:var(--db-sizing-md);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{position:absolute;z-index:22;inset-block:var(--db-spacing-fixed-xs)}.db-tab-panel{display:none}.db-switch:active:not(:disabled):not([aria-disabled=true])>input:before{inline-size:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - .125rem*2 + var(--db-spacing-fixed-2xs));margin:0}.db-switch:active:not(:disabled):not([aria-disabled=true])>input:checked:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch{-webkit-user-select:none;-moz-user-select:none;user-select:none}.db-switch:has(input:required) label:after,.db-switch:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-switch:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) label,.db-switch:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-switch:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-switch:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-switch:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-switch:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input[data-custom-validity=valid]) label,.db-switch:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) label,.db-switch:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-switch:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-switch:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-switch:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-switch:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input[data-custom-validity=invalid]) label,.db-switch:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-switch:has(input:disabled){opacity:.4}.db-switch label,.db-switch:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-switch input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-switch[data-variant=hidden]{font-size:0}.db-switch[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-switch{transition-duration:.01s!important}}.db-switch:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*2 + .125rem);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));box-sizing:content-box;display:flex;align-items:center;gap:.125rem;background-color:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-full)}.db-switch>input:after{--db-icon-after:"cross";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-switch>input:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch>input:after{visibility:hidden;align-self:center;aspect-ratio:1}.db-switch>input:before{content:"";aspect-ratio:1;block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2);background:var(--db-current-color-enabled);border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));-webkit-margin-end:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem * 2));margin-inline-end:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem * 2));transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}@media(prefers-reduced-motion:reduce){.db-switch>input:before{transition-duration:.01s!important}}.db-switch>input:checked{--db-current-icon-color:var(--db-current-color-bg-enabled);--thumb-offset-x:calc(100% + 0.125rem);background-color:var(--db-current-color-enabled)}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-hover);border-color:var(--db-current-color-hover)}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-pressed);border-color:var(--db-current-color-pressed)}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)));background-color:var(--db-current-color-bg-enabled);margin:0}.db-switch>input:focus-visible{border-radius:var(--db-border-radius-full)}.db-switch[data-variant=hidden]{gap:0}.db-switch[data-size=small]{gap:var(--db-spacing-fixed-2xs)}.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]:hover:not(:disabled):not([aria-disabled=true])>input{background-color:var(--db-current-color-bg-hover);border-color:var(--db-current-color-bg-hover)}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true])>input{background-color:var(--db-current-color-bg-pressed);border-color:var(--db-current-color-bg-pressed)}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true])>input:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch[data-emphasis=strong]>input{--db-check-element-border-color:var(--db-current-color-bg-enabled)}.db-switch[data-emphasis=strong]>input:not(:checked){--thumb-offset-x:0}.db-switch[data-emphasis=strong]>input:checked:before{background-color:var(--db-current-color-enabled)}.db-switch[data-emphasis=strong]>input:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)));margin:0}.db-switch[data-emphasis=strong]>input:after,.db-switch[data-visual-aid=true]>input:after{visibility:visible;block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{--db-icon-after:"check";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{transform:translateX(calc(-100% - .125rem));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-switch>input[data-aid-icon]:not(:checked):after{content:attr(data-aid-icon)}.db-switch>input[data-aid-icon-after]:checked:after{content:attr(data-aid-icon-after)}db-accordion,db-accordion-item,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-navigation,db-navigation-item,db-notification,db-page,db-popover,db-radio,db-section,db-select,db-switch,db-tab,db-tab-bar,db-tab-item,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbnavigation,dbnavigation-item,dbnotification,dbpage,dbpopover,dbradio,dbsection,dbselect,dbswitch,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabitem,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-notification,dbnotification{inline-size:inherit}[data-color-scheme]{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}[data-color-scheme]:after,[data-color-scheme]:before{color:var(--db-current-icon-color,inherit)}[data-color-scheme]{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-neutral-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-neutral-on-bg-weak-pressed )}[data-emphasis=weak][data-color-scheme]{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}[data-color-scheme]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-body-lg:28;--db-base-icon-font-size-regular-desktop-body-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-body-xl:32;--db-base-icon-font-size-regular-desktop-body-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-body-2xl:40;--db-base-icon-font-size-regular-desktop-body-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-body-md:24;--db-base-icon-font-size-regular-desktop-body-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-body-sm:20;--db-base-icon-font-size-regular-desktop-body-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-body-2xs:14;--db-base-icon-font-size-regular-desktop-body-2xs:0.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-body-xs:16;--db-base-icon-font-size-regular-desktop-body-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-lg:28;--db-base-icon-font-size-regular-mobile-body-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-body-md:24;--db-base-icon-font-size-regular-mobile-body-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-body-sm:20;--db-base-icon-font-size-regular-mobile-body-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-xl:28;--db-base-icon-font-size-regular-mobile-body-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-body-xs:16;--db-base-icon-font-size-regular-mobile-body-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-2xl:28;--db-base-icon-font-size-regular-mobile-body-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-body-2xs:14;--db-base-icon-font-size-regular-mobile-body-2xs:0.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-body-lg:28;--db-base-icon-font-size-regular-tablet-body-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-body-md:24;--db-base-icon-font-size-regular-tablet-body-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-body-sm:20;--db-base-icon-font-size-regular-tablet-body-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-body-xl:32;--db-base-icon-font-size-regular-tablet-body-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-body-xs:16;--db-base-icon-font-size-regular-tablet-body-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-body-2xl:40;--db-base-icon-font-size-regular-tablet-body-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-body-2xs:14;--db-base-icon-font-size-regular-tablet-body-2xs:0.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-body-lg:24;--db-base-icon-font-size-functional-desktop-body-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-body-md:20;--db-base-icon-font-size-functional-desktop-body-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-body-sm:16;--db-base-icon-font-size-functional-desktop-body-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-body-xl:28;--db-base-icon-font-size-functional-desktop-body-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-body-xs:14;--db-base-icon-font-size-functional-desktop-body-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-body-2xl:32;--db-base-icon-font-size-functional-desktop-body-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-body-2xs:14;--db-base-icon-font-size-functional-desktop-body-2xs:0.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:0.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-body-lg:24;--db-base-icon-font-size-functional-tablet-body-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-body-md:20;--db-base-icon-font-size-functional-tablet-body-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-body-sm:16;--db-base-icon-font-size-functional-tablet-body-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-body-xl:28;--db-base-icon-font-size-functional-tablet-body-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-body-xs:14;--db-base-icon-font-size-functional-tablet-body-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-body-2xl:32;--db-base-icon-font-size-functional-tablet-body-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-body-2xs:14;--db-base-icon-font-size-functional-tablet-body-2xs:0.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:0.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-body-lg:24;--db-base-icon-font-size-functional-mobile-body-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-body-md:20;--db-base-icon-font-size-functional-mobile-body-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-body-sm:16;--db-base-icon-font-size-functional-mobile-body-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-xl:24;--db-base-icon-font-size-functional-mobile-body-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-body-xs:14;--db-base-icon-font-size-functional-mobile-body-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-2xl:24;--db-base-icon-font-size-functional-mobile-body-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-body-2xs:14;--db-base-icon-font-size-functional-mobile-body-2xs:0.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:0.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-body-lg:32;--db-base-icon-font-size-expressive-desktop-body-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-body-md:28;--db-base-icon-font-size-expressive-desktop-body-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-body-sm:24;--db-base-icon-font-size-expressive-desktop-body-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-body-xl:40;--db-base-icon-font-size-expressive-desktop-body-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-body-xs:20;--db-base-icon-font-size-expressive-desktop-body-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-body-2xl:48;--db-base-icon-font-size-expressive-desktop-body-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-body-2xs:16;--db-base-icon-font-size-expressive-desktop-body-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:0.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-body-lg:32;--db-base-icon-font-size-expressive-tablet-body-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-body-md:28;--db-base-icon-font-size-expressive-tablet-body-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-body-sm:24;--db-base-icon-font-size-expressive-tablet-body-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-body-xl:40;--db-base-icon-font-size-expressive-tablet-body-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-body-xs:20;--db-base-icon-font-size-expressive-tablet-body-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-body-2xl:48;--db-base-icon-font-size-expressive-tablet-body-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-body-2xs:16;--db-base-icon-font-size-expressive-tablet-body-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:0.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-lg:32;--db-base-icon-font-size-expressive-mobile-body-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-body-md:28;--db-base-icon-font-size-expressive-mobile-body-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-body-sm:24;--db-base-icon-font-size-expressive-mobile-body-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-xl:32;--db-base-icon-font-size-expressive-mobile-body-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-body-xs:20;--db-base-icon-font-size-expressive-mobile-body-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-2xl:32;--db-base-icon-font-size-expressive-mobile-body-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-body-2xs:16;--db-base-icon-font-size-expressive-mobile-body-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:0.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-3xs:0.0625rem;--db-border-height-2xs:0.125rem;--db-border-height-xs:0.25rem;--db-border-height-sm:0.375rem;--db-border-height-md:0.5rem;--db-border-height-lg:0.625rem;--db-border-height-xl:0.75rem;--db-border-height-2xl:0.875rem;--db-border-height-3xl:1rem;--db-border-radius-3xs:0.0625rem;--db-border-radius-2xs:0.125rem;--db-border-radius-xs:0.25rem;--db-border-radius-sm:0.5rem;--db-border-radius-md:0.75rem;--db-border-radius-lg:1rem;--db-border-radius-xl:1.5rem;--db-border-radius-2xl:1.75rem;--db-border-radius-3xl:2rem;--db-border-radius-full:500rem;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-transition-duration-extra-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-extra-fast:0.075s;--db-transition-timing-show:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-timing-hide:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-timing-emotional:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-timing-functional:cubic-bezier(0.15,0,0.45,1);--db-transition-straight-show:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-straight-hide:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-straight-emotional:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-straight-functional:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-neutral-0:#070708;--db-neutral-1:#0d0e10;--db-neutral-2:#121315;--db-neutral-3:#1a1c1e;--db-neutral-4:#2e3134;--db-neutral-5:#44474c;--db-neutral-6:#5a5f65;--db-neutral-7:#72777f;--db-neutral-8:#8b919a;--db-neutral-9:#a6acb4;--db-neutral-10:#c3c7cc;--db-neutral-11:#e1e3e5;--db-neutral-12:#edeef0;--db-neutral-13:#f3f4f5;--db-neutral-14:#fff;--db-brand-0:#1a0000;--db-brand-1:#280001;--db-brand-2:#310001;--db-brand-3:#410002;--db-brand-4:#690004;--db-brand-5:#930009;--db-brand-6:#c00010;--db-brand-7:#ef0016;--db-brand-8:#ff5357;--db-brand-9:#ff888a;--db-brand-10:#ffb3b4;--db-brand-11:#ffdada;--db-brand-12:#ffe9e9;--db-brand-13:#fff0f0;--db-brand-14:#fff8f8;--db-brand-on-pressed-light:#edeef0;--db-brand-on-hover-light:#f3f4f5;--db-brand-on-light:#fff;--db-brand-origin-light:#ec0016;--db-brand-hover-light:#c00010;--db-brand-pressed-light:#930009;--db-brand-on-pressed-dark:#edeef0;--db-brand-on-hover-dark:#f3f4f5;--db-brand-on-dark:#fff;--db-brand-origin-dark:#ec0016;--db-brand-hover-dark:#ff5357;--db-brand-pressed-dark:#ff888a;--db-informational-0:#01080f;--db-informational-1:#011018;--db-informational-2:#021520;--db-informational-3:#041e2b;--db-informational-4:#0a3447;--db-informational-5:#124c66;--db-informational-6:#1b6586;--db-informational-7:#257fa8;--db-informational-8:#2e9acb;--db-informational-9:#38b6ef;--db-informational-10:#89cffa;--db-informational-11:#cae6fd;--db-informational-12:#e0f0fe;--db-informational-13:#ebf5fe;--db-informational-14:#f5faff;--db-warning-0:#100500;--db-warning-1:#190b00;--db-warning-2:#210f00;--db-warning-3:#2c1600;--db-warning-4:#4a2800;--db-warning-5:#693c00;--db-warning-6:#8a5100;--db-warning-7:#ad6600;--db-warning-8:#d17d00;--db-warning-9:#f69400;--db-warning-10:#ffb782;--db-warning-11:#ffdbc8;--db-warning-12:#ffeadf;--db-warning-13:#fff1ea;--db-warning-14:#fff8f5;--db-successful-0:#030900;--db-successful-1:#061100;--db-successful-2:#091701;--db-successful-3:#0f2001;--db-successful-4:#1d3702;--db-successful-5:#2d5005;--db-successful-6:#3d6a09;--db-successful-7:#4e850f;--db-successful-8:#60a114;--db-successful-9:#72bf1a;--db-successful-10:#85dd20;--db-successful-11:#99fc26;--db-successful-12:#c3ff9d;--db-successful-13:#d9ffc4;--db-successful-14:#edffe4;--db-critical-0:#1a0000;--db-critical-1:#280001;--db-critical-2:#310001;--db-critical-3:#410002;--db-critical-4:#690004;--db-critical-5:#930009;--db-critical-6:#c00010;--db-critical-7:#ef0016;--db-critical-8:#ff5357;--db-critical-9:#ff888a;--db-critical-10:#ffb3b4;--db-critical-11:#ffdada;--db-critical-12:#ffe9e9;--db-critical-13:#fff0f0;--db-critical-14:#fff8f8;--db-yellow-0:#0a0700;--db-yellow-1:#130e00;--db-yellow-2:#191300;--db-yellow-3:#221b00;--db-yellow-4:#3a3000;--db-yellow-5:#544600;--db-yellow-6:#6f5d00;--db-yellow-7:#8c7600;--db-yellow-8:#aa8f00;--db-yellow-9:#c8a900;--db-yellow-10:#e8c400;--db-yellow-11:#ffe17c;--db-yellow-12:#ffedbc;--db-yellow-13:#fff3d5;--db-yellow-14:#fff9eb;--db-yellow-on-pressed-light:#221b00;--db-yellow-on-hover-light:#191300;--db-yellow-on-light:#000;--db-yellow-origin-light:#aa8f00;--db-yellow-hover-light:#8c7500;--db-yellow-pressed-light:#6f5d00;--db-yellow-on-pressed-dark:#221b00;--db-yellow-on-hover-dark:#191300;--db-yellow-on-dark:#000;--db-yellow-origin-dark:#ffd800;--db-yellow-hover-dark:#ffedbc;--db-yellow-pressed-dark:#fff3d5;--db-orange-0:#100500;--db-orange-1:#190b00;--db-orange-2:#210f00;--db-orange-3:#2c1600;--db-orange-4:#4a2800;--db-orange-5:#693c00;--db-orange-6:#8a5100;--db-orange-7:#ad6600;--db-orange-8:#d17d00;--db-orange-9:#f69400;--db-orange-10:#ffb782;--db-orange-11:#ffdbc8;--db-orange-12:#ffeadf;--db-orange-13:#fff1ea;--db-orange-14:#fff8f5;--db-orange-on-pressed-light:#2c1600;--db-orange-on-hover-light:#210f00;--db-orange-on-light:#000;--db-orange-origin-light:#d17d00;--db-orange-hover-light:#ad6600;--db-orange-pressed-light:#8a5100;--db-orange-on-pressed-dark:#2c1600;--db-orange-on-hover-dark:#210f00;--db-orange-on-dark:#000;--db-orange-origin-dark:#f39200;--db-orange-hover-dark:#ffb782;--db-orange-pressed-dark:#ffdbc8;--db-red-0:#1a0000;--db-red-1:#280001;--db-red-2:#310001;--db-red-3:#410002;--db-red-4:#690004;--db-red-5:#930009;--db-red-6:#c00010;--db-red-7:#ef0016;--db-red-8:#ff5357;--db-red-9:#ff888a;--db-red-10:#ffb3b4;--db-red-11:#ffdada;--db-red-12:#ffe9e9;--db-red-13:#fff0f0;--db-red-14:#fff8f8;--db-red-on-pressed-light:#ffe9e9;--db-red-on-hover-light:#fff0f0;--db-red-on-light:#fff;--db-red-origin-light:#ec0016;--db-red-hover-light:#c00010;--db-red-pressed-light:#930009;--db-red-on-pressed-dark:#ffe9e9;--db-red-on-hover-dark:#fff0f0;--db-red-on-dark:#fff;--db-red-origin-dark:#ec0016;--db-red-hover-dark:#ff5357;--db-red-pressed-dark:#ff888a;--db-pink-0:#160209;--db-pink-1:#220310;--db-pink-2:#2b0516;--db-pink-3:#39081f;--db-pink-4:#5c1335;--db-pink-5:#821e4e;--db-pink-6:#aa2b67;--db-pink-7:#d43882;--db-pink-8:#ed5c9b;--db-pink-9:#f18cb2;--db-pink-10:#f5b5cb;--db-pink-11:#fadbe4;--db-pink-12:#fce9ef;--db-pink-13:#fdf1f4;--db-pink-14:#fef8fa;--db-pink-on-pressed-light:#39081f;--db-pink-on-hover-light:#2b0516;--db-pink-on-light:#000;--db-pink-origin-light:#e93e8f;--db-pink-hover-light:#aa2b67;--db-pink-pressed-light:#821e4e;--db-pink-on-pressed-dark:#39081f;--db-pink-on-hover-dark:#2b0516;--db-pink-on-dark:#000;--db-pink-origin-dark:#e93e8f;--db-pink-hover-dark:#ed5c9b;--db-pink-pressed-dark:#f18cb2;--db-violet-0:#0d0412;--db-violet-1:#17081c;--db-violet-2:#1d0c24;--db-violet-3:#281330;--db-violet-4:#432350;--db-violet-5:#603571;--db-violet-6:#7f4895;--db-violet-7:#9f5bba;--db-violet-8:#b47ace;--db-violet-9:#c69cda;--db-violet-10:#d8bde6;--db-violet-11:#ebdef2;--db-violet-12:#f3ebf7;--db-violet-13:#f7f2fa;--db-violet-14:#fbf8fc;--db-violet-on-pressed-light:#f3ebf7;--db-violet-on-hover-light:#f7f2fa;--db-violet-on-light:#fff;--db-violet-origin-light:#814997;--db-violet-hover-light:#603571;--db-violet-pressed-light:#432350;--db-violet-on-pressed-dark:#f3ebf7;--db-violet-on-hover-dark:#f7f2fa;--db-violet-on-dark:#fff;--db-violet-origin-dark:#814997;--db-violet-hover-dark:#9f5bba;--db-violet-pressed-dark:#b47ace;--db-blue-0:#00061b;--db-blue-1:#010d29;--db-blue-2:#011133;--db-blue-3:#021943;--db-blue-4:#072d6c;--db-blue-5:#0d4298;--db-blue-6:#1558c6;--db-blue-7:#1d6ff7;--db-blue-8:#638bfa;--db-blue-9:#90a8fc;--db-blue-10:#b7c4fd;--db-blue-11:#dbe1fe;--db-blue-12:#eaedfe;--db-blue-13:#f1f3ff;--db-blue-14:#f8f9ff;--db-blue-on-pressed-light:#eaedfe;--db-blue-on-hover-light:#f1f3ff;--db-blue-on-light:#fff;--db-blue-origin-light:#1455c0;--db-blue-hover-light:#0d4298;--db-blue-pressed-light:#072d6c;--db-blue-on-pressed-dark:#eaedfe;--db-blue-on-hover-dark:#f1f3ff;--db-blue-on-dark:#fff;--db-blue-origin-dark:#1558c6;--db-blue-hover-dark:#1d6ff7;--db-blue-pressed-dark:#638bfa;--db-cyan-0:#01080f;--db-cyan-1:#011018;--db-cyan-2:#021520;--db-cyan-3:#041e2b;--db-cyan-4:#0a3447;--db-cyan-5:#124c66;--db-cyan-6:#1b6586;--db-cyan-7:#257fa8;--db-cyan-8:#2e9acb;--db-cyan-9:#38b6ef;--db-cyan-10:#89cffa;--db-cyan-11:#cae6fd;--db-cyan-12:#e0f0fe;--db-cyan-13:#ebf5fe;--db-cyan-14:#f5faff;--db-cyan-on-pressed-light:#041e2b;--db-cyan-on-hover-light:#021520;--db-cyan-on-light:#000;--db-cyan-origin-light:#2e9acb;--db-cyan-hover-light:#247fa8;--db-cyan-pressed-light:#1b6586;--db-cyan-on-pressed-dark:#041e2b;--db-cyan-on-hover-dark:#021520;--db-cyan-on-dark:#000;--db-cyan-origin-dark:#309fd1;--db-cyan-hover-dark:#38b6ef;--db-cyan-pressed-dark:#89cffa;--db-turquoise-0:#000908;--db-turquoise-1:#001110;--db-turquoise-2:#001715;--db-turquoise-3:#00201e;--db-turquoise-4:#003734;--db-turquoise-5:#00504c;--db-turquoise-6:#006a65;--db-turquoise-7:#00857f;--db-turquoise-8:#00a29b;--db-turquoise-9:#00bfb7;--db-turquoise-10:#00ddd4;--db-turquoise-11:#00fcf2;--db-turquoise-12:#9bfff8;--db-turquoise-13:#c3fffa;--db-turquoise-14:#e3fffd;--db-turquoise-on-pressed-light:#00201e;--db-turquoise-on-hover-light:#001715;--db-turquoise-on-light:#000;--db-turquoise-origin-light:#00a099;--db-turquoise-hover-light:#00857f;--db-turquoise-pressed-light:#006a65;--db-turquoise-on-pressed-dark:#00201e;--db-turquoise-on-hover-dark:#001715;--db-turquoise-on-dark:#000;--db-turquoise-origin-dark:#00a099;--db-turquoise-hover-dark:#00bfb7;--db-turquoise-pressed-dark:#00ddd4;--db-green-0:#030900;--db-green-1:#061100;--db-green-2:#091701;--db-green-3:#0f2001;--db-green-4:#1d3702;--db-green-5:#2d5005;--db-green-6:#3d6a09;--db-green-7:#4e850f;--db-green-8:#60a114;--db-green-9:#72bf1a;--db-green-10:#85dd20;--db-green-11:#99fc26;--db-green-12:#c3ff9d;--db-green-13:#d9ffc4;--db-green-14:#edffe4;--db-green-on-pressed-light:#0f2001;--db-green-on-hover-light:#091701;--db-green-on-light:#000;--db-green-origin-light:#63a615;--db-green-hover-light:#4e850f;--db-green-pressed-light:#3d6a09;--db-green-on-pressed-dark:#0f2001;--db-green-on-hover-dark:#091701;--db-green-on-dark:#000;--db-green-origin-dark:#63a615;--db-green-hover-dark:#72bf1a;--db-green-pressed-dark:#85dd20;--db-neutral-bg-lvl-1-enabled:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-bg-lvl-1-hover:light-dark(var(--db-neutral-13),var(--db-neutral-4));--db-neutral-bg-lvl-1-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-5));--db-neutral-bg-lvl-2-enabled:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-bg-lvl-2-hover:light-dark(var(--db-neutral-12),var(--db-neutral-3));--db-neutral-bg-lvl-2-pressed:light-dark(var(--db-neutral-11),var(--db-neutral-4));--db-neutral-bg-lvl-3-enabled:light-dark(var(--db-neutral-12),var(--db-neutral-1));--db-neutral-bg-lvl-3-hover:light-dark(var(--db-neutral-11),var(--db-neutral-2));--db-neutral-bg-lvl-3-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-3));--db-neutral-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-neutral-6)),color-mix(in srgb,transparent 100%,var(--db-neutral-9)));--db-neutral-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-neutral-6)),color-mix(in srgb,transparent 84%,var(--db-neutral-9)));--db-neutral-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-on-bg-enabled:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-on-bg-hover:light-dark(var(--db-neutral-4),var(--db-neutral-11));--db-neutral-on-bg-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-weak-enabled:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-weak-hover:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-weak-pressed:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-on-contrast-enabled:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-on-contrast-hover:light-dark(var(--db-neutral-13),var(--db-neutral-4));--db-neutral-on-contrast-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-5));--db-neutral-contrast-high-enabled:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-contrast-high-hover:light-dark(var(--db-neutral-5),var(--db-neutral-8));--db-neutral-contrast-high-pressed:light-dark(var(--db-neutral-4),var(--db-neutral-7));--db-neutral-contrast-low-enabled:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-contrast-low-hover:light-dark(var(--db-neutral-6),var(--db-neutral-7));--db-neutral-contrast-low-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-6));--db-neutral-border:light-dark(var(--db-neutral-10),var(--db-neutral-6));--db-brand-on-enabled:light-dark(var(--db-brand-on-light),var(--db-brand-on-dark));--db-brand-on-hover:light-dark(var(--db-brand-on-hover-light),var(--db-brand-on-hover-dark));--db-brand-on-pressed:light-dark(var(--db-brand-on-pressed-light),var(--db-brand-on-pressed-dark));--db-brand-origin-enabled:light-dark(var(--db-brand-origin-light),var(--db-brand-origin-dark));--db-brand-origin-hover:light-dark(var(--db-brand-hover-light),var(--db-brand-hover-dark));--db-brand-origin-pressed:light-dark(var(--db-brand-pressed-light),var(--db-brand-pressed-dark));--db-brand-bg-lvl-1-enabled:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-bg-lvl-1-hover:light-dark(var(--db-brand-13),var(--db-brand-4));--db-brand-bg-lvl-1-pressed:light-dark(var(--db-brand-12),var(--db-brand-5));--db-brand-bg-lvl-2-enabled:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-bg-lvl-2-hover:light-dark(var(--db-brand-12),var(--db-brand-3));--db-brand-bg-lvl-2-pressed:light-dark(var(--db-brand-11),var(--db-brand-4));--db-brand-bg-lvl-3-enabled:light-dark(var(--db-brand-12),var(--db-brand-1));--db-brand-bg-lvl-3-hover:light-dark(var(--db-brand-11),var(--db-brand-2));--db-brand-bg-lvl-3-pressed:light-dark(var(--db-brand-10),var(--db-brand-3));--db-brand-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-brand-6)),color-mix(in srgb,transparent 100%,var(--db-brand-9)));--db-brand-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-brand-6)),color-mix(in srgb,transparent 84%,var(--db-brand-9)));--db-brand-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-on-bg-enabled:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-on-bg-hover:light-dark(var(--db-brand-4),var(--db-brand-11));--db-brand-on-bg-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-weak-enabled:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-weak-hover:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-weak-pressed:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-on-contrast-enabled:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-on-contrast-hover:light-dark(var(--db-brand-13),var(--db-brand-4));--db-brand-on-contrast-pressed:light-dark(var(--db-brand-12),var(--db-brand-5));--db-brand-contrast-high-enabled:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-contrast-high-hover:light-dark(var(--db-brand-5),var(--db-brand-8));--db-brand-contrast-high-pressed:light-dark(var(--db-brand-4),var(--db-brand-7));--db-brand-contrast-low-enabled:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-contrast-low-hover:light-dark(var(--db-brand-6),var(--db-brand-7));--db-brand-contrast-low-pressed:light-dark(var(--db-brand-5),var(--db-brand-6));--db-brand-border:light-dark(var(--db-brand-10),var(--db-brand-6));--db-informational-bg-lvl-1-enabled:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-bg-lvl-1-hover:light-dark(var(--db-informational-13),var(--db-informational-4));--db-informational-bg-lvl-1-pressed:light-dark(var(--db-informational-12),var(--db-informational-5));--db-informational-bg-lvl-2-enabled:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-bg-lvl-2-hover:light-dark(var(--db-informational-12),var(--db-informational-3));--db-informational-bg-lvl-2-pressed:light-dark(var(--db-informational-11),var(--db-informational-4));--db-informational-bg-lvl-3-enabled:light-dark(var(--db-informational-12),var(--db-informational-1));--db-informational-bg-lvl-3-hover:light-dark(var(--db-informational-11),var(--db-informational-2));--db-informational-bg-lvl-3-pressed:light-dark(var(--db-informational-10),var(--db-informational-3));--db-informational-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-informational-6)),color-mix(in srgb,transparent 100%,var(--db-informational-9)));--db-informational-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-informational-6)),color-mix(in srgb,transparent 84%,var(--db-informational-9)));--db-informational-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-on-bg-enabled:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-on-bg-hover:light-dark(var(--db-informational-4),var(--db-informational-11));--db-informational-on-bg-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-weak-enabled:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-weak-hover:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-weak-pressed:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-on-contrast-enabled:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-on-contrast-hover:light-dark(var(--db-informational-13),var(--db-informational-4));--db-informational-on-contrast-pressed:light-dark(var(--db-informational-12),var(--db-informational-5));--db-informational-contrast-high-enabled:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-contrast-high-hover:light-dark(var(--db-informational-5),var(--db-informational-8));--db-informational-contrast-high-pressed:light-dark(var(--db-informational-4),var(--db-informational-7));--db-informational-contrast-low-enabled:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-contrast-low-hover:light-dark(var(--db-informational-6),var(--db-informational-7));--db-informational-contrast-low-pressed:light-dark(var(--db-informational-5),var(--db-informational-6));--db-informational-border:light-dark(var(--db-informational-10),var(--db-informational-6));--db-warning-bg-lvl-1-enabled:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-bg-lvl-1-hover:light-dark(var(--db-warning-13),var(--db-warning-4));--db-warning-bg-lvl-1-pressed:light-dark(var(--db-warning-12),var(--db-warning-5));--db-warning-bg-lvl-2-enabled:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-bg-lvl-2-hover:light-dark(var(--db-warning-12),var(--db-warning-3));--db-warning-bg-lvl-2-pressed:light-dark(var(--db-warning-11),var(--db-warning-4));--db-warning-bg-lvl-3-enabled:light-dark(var(--db-warning-12),var(--db-warning-1));--db-warning-bg-lvl-3-hover:light-dark(var(--db-warning-11),var(--db-warning-2));--db-warning-bg-lvl-3-pressed:light-dark(var(--db-warning-10),var(--db-warning-3));--db-warning-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-warning-6)),color-mix(in srgb,transparent 100%,var(--db-warning-9)));--db-warning-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-warning-6)),color-mix(in srgb,transparent 84%,var(--db-warning-9)));--db-warning-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-on-bg-enabled:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-on-bg-hover:light-dark(var(--db-warning-4),var(--db-warning-11));--db-warning-on-bg-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-weak-enabled:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-weak-hover:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-weak-pressed:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-on-contrast-enabled:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-on-contrast-hover:light-dark(var(--db-warning-13),var(--db-warning-4));--db-warning-on-contrast-pressed:light-dark(var(--db-warning-12),var(--db-warning-5));--db-warning-contrast-high-enabled:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-contrast-high-hover:light-dark(var(--db-warning-5),var(--db-warning-8));--db-warning-contrast-high-pressed:light-dark(var(--db-warning-4),var(--db-warning-7));--db-warning-contrast-low-enabled:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-contrast-low-hover:light-dark(var(--db-warning-6),var(--db-warning-7));--db-warning-contrast-low-pressed:light-dark(var(--db-warning-5),var(--db-warning-6));--db-warning-border:light-dark(var(--db-warning-10),var(--db-warning-6));--db-successful-bg-lvl-1-enabled:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-bg-lvl-1-hover:light-dark(var(--db-successful-13),var(--db-successful-4));--db-successful-bg-lvl-1-pressed:light-dark(var(--db-successful-12),var(--db-successful-5));--db-successful-bg-lvl-2-enabled:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-bg-lvl-2-hover:light-dark(var(--db-successful-12),var(--db-successful-3));--db-successful-bg-lvl-2-pressed:light-dark(var(--db-successful-11),var(--db-successful-4));--db-successful-bg-lvl-3-enabled:light-dark(var(--db-successful-12),var(--db-successful-1));--db-successful-bg-lvl-3-hover:light-dark(var(--db-successful-11),var(--db-successful-2));--db-successful-bg-lvl-3-pressed:light-dark(var(--db-successful-10),var(--db-successful-3));--db-successful-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-successful-6)),color-mix(in srgb,transparent 100%,var(--db-successful-9)));--db-successful-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-successful-6)),color-mix(in srgb,transparent 84%,var(--db-successful-9)));--db-successful-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-on-bg-enabled:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-on-bg-hover:light-dark(var(--db-successful-4),var(--db-successful-11));--db-successful-on-bg-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-weak-enabled:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-weak-hover:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-weak-pressed:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-on-contrast-enabled:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-on-contrast-hover:light-dark(var(--db-successful-13),var(--db-successful-4));--db-successful-on-contrast-pressed:light-dark(var(--db-successful-12),var(--db-successful-5));--db-successful-contrast-high-enabled:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-contrast-high-hover:light-dark(var(--db-successful-5),var(--db-successful-8));--db-successful-contrast-high-pressed:light-dark(var(--db-successful-4),var(--db-successful-7));--db-successful-contrast-low-enabled:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-contrast-low-hover:light-dark(var(--db-successful-6),var(--db-successful-7));--db-successful-contrast-low-pressed:light-dark(var(--db-successful-5),var(--db-successful-6));--db-successful-border:light-dark(var(--db-successful-10),var(--db-successful-6));--db-critical-bg-lvl-1-enabled:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-bg-lvl-1-hover:light-dark(var(--db-critical-13),var(--db-critical-4));--db-critical-bg-lvl-1-pressed:light-dark(var(--db-critical-12),var(--db-critical-5));--db-critical-bg-lvl-2-enabled:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-bg-lvl-2-hover:light-dark(var(--db-critical-12),var(--db-critical-3));--db-critical-bg-lvl-2-pressed:light-dark(var(--db-critical-11),var(--db-critical-4));--db-critical-bg-lvl-3-enabled:light-dark(var(--db-critical-12),var(--db-critical-1));--db-critical-bg-lvl-3-hover:light-dark(var(--db-critical-11),var(--db-critical-2));--db-critical-bg-lvl-3-pressed:light-dark(var(--db-critical-10),var(--db-critical-3));--db-critical-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-critical-6)),color-mix(in srgb,transparent 100%,var(--db-critical-9)));--db-critical-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-critical-6)),color-mix(in srgb,transparent 84%,var(--db-critical-9)));--db-critical-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-on-bg-enabled:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-on-bg-hover:light-dark(var(--db-critical-4),var(--db-critical-11));--db-critical-on-bg-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-weak-enabled:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-weak-hover:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-weak-pressed:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-on-contrast-enabled:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-on-contrast-hover:light-dark(var(--db-critical-13),var(--db-critical-4));--db-critical-on-contrast-pressed:light-dark(var(--db-critical-12),var(--db-critical-5));--db-critical-contrast-high-enabled:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-contrast-high-hover:light-dark(var(--db-critical-5),var(--db-critical-8));--db-critical-contrast-high-pressed:light-dark(var(--db-critical-4),var(--db-critical-7));--db-critical-contrast-low-enabled:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-contrast-low-hover:light-dark(var(--db-critical-6),var(--db-critical-7));--db-critical-contrast-low-pressed:light-dark(var(--db-critical-5),var(--db-critical-6));--db-critical-border:light-dark(var(--db-critical-10),var(--db-critical-6));--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");--db-yellow-on-enabled:light-dark(var(--db-yellow-on-light),var(--db-yellow-on-dark));--db-yellow-on-hover:light-dark(var(--db-yellow-on-hover-light),var(--db-yellow-on-hover-dark));--db-yellow-on-pressed:light-dark(var(--db-yellow-on-pressed-light),var(--db-yellow-on-pressed-dark));--db-yellow-origin-enabled:light-dark(var(--db-yellow-origin-light),var(--db-yellow-origin-dark));--db-yellow-origin-hover:light-dark(var(--db-yellow-hover-light),var(--db-yellow-hover-dark));--db-yellow-origin-pressed:light-dark(var(--db-yellow-pressed-light),var(--db-yellow-pressed-dark));--db-yellow-bg-lvl-1-enabled:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-bg-lvl-1-hover:light-dark(var(--db-yellow-13),var(--db-yellow-4));--db-yellow-bg-lvl-1-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-5));--db-yellow-bg-lvl-2-enabled:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-bg-lvl-2-hover:light-dark(var(--db-yellow-12),var(--db-yellow-3));--db-yellow-bg-lvl-2-pressed:light-dark(var(--db-yellow-11),var(--db-yellow-4));--db-yellow-bg-lvl-3-enabled:light-dark(var(--db-yellow-12),var(--db-yellow-1));--db-yellow-bg-lvl-3-hover:light-dark(var(--db-yellow-11),var(--db-yellow-2));--db-yellow-bg-lvl-3-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-3));--db-yellow-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-yellow-6)),color-mix(in srgb,transparent 100%,var(--db-yellow-9)));--db-yellow-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-yellow-6)),color-mix(in srgb,transparent 84%,var(--db-yellow-9)));--db-yellow-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-on-bg-enabled:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-on-bg-hover:light-dark(var(--db-yellow-4),var(--db-yellow-11));--db-yellow-on-bg-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-weak-enabled:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-weak-hover:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-weak-pressed:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-on-contrast-enabled:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-on-contrast-hover:light-dark(var(--db-yellow-13),var(--db-yellow-4));--db-yellow-on-contrast-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-5));--db-yellow-contrast-high-enabled:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-contrast-high-hover:light-dark(var(--db-yellow-5),var(--db-yellow-8));--db-yellow-contrast-high-pressed:light-dark(var(--db-yellow-4),var(--db-yellow-7));--db-yellow-contrast-low-enabled:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-contrast-low-hover:light-dark(var(--db-yellow-6),var(--db-yellow-7));--db-yellow-contrast-low-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-6));--db-yellow-border:light-dark(var(--db-yellow-10),var(--db-yellow-6));--db-orange-on-enabled:light-dark(var(--db-orange-on-light),var(--db-orange-on-dark));--db-orange-on-hover:light-dark(var(--db-orange-on-hover-light),var(--db-orange-on-hover-dark));--db-orange-on-pressed:light-dark(var(--db-orange-on-pressed-light),var(--db-orange-on-pressed-dark));--db-orange-origin-enabled:light-dark(var(--db-orange-origin-light),var(--db-orange-origin-dark));--db-orange-origin-hover:light-dark(var(--db-orange-hover-light),var(--db-orange-hover-dark));--db-orange-origin-pressed:light-dark(var(--db-orange-pressed-light),var(--db-orange-pressed-dark));--db-orange-bg-lvl-1-enabled:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-bg-lvl-1-hover:light-dark(var(--db-orange-13),var(--db-orange-4));--db-orange-bg-lvl-1-pressed:light-dark(var(--db-orange-12),var(--db-orange-5));--db-orange-bg-lvl-2-enabled:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-bg-lvl-2-hover:light-dark(var(--db-orange-12),var(--db-orange-3));--db-orange-bg-lvl-2-pressed:light-dark(var(--db-orange-11),var(--db-orange-4));--db-orange-bg-lvl-3-enabled:light-dark(var(--db-orange-12),var(--db-orange-1));--db-orange-bg-lvl-3-hover:light-dark(var(--db-orange-11),var(--db-orange-2));--db-orange-bg-lvl-3-pressed:light-dark(var(--db-orange-10),var(--db-orange-3));--db-orange-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-orange-6)),color-mix(in srgb,transparent 100%,var(--db-orange-9)));--db-orange-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-orange-6)),color-mix(in srgb,transparent 84%,var(--db-orange-9)));--db-orange-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-on-bg-enabled:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-on-bg-hover:light-dark(var(--db-orange-4),var(--db-orange-11));--db-orange-on-bg-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-weak-enabled:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-weak-hover:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-weak-pressed:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-on-contrast-enabled:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-on-contrast-hover:light-dark(var(--db-orange-13),var(--db-orange-4));--db-orange-on-contrast-pressed:light-dark(var(--db-orange-12),var(--db-orange-5));--db-orange-contrast-high-enabled:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-contrast-high-hover:light-dark(var(--db-orange-5),var(--db-orange-8));--db-orange-contrast-high-pressed:light-dark(var(--db-orange-4),var(--db-orange-7));--db-orange-contrast-low-enabled:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-contrast-low-hover:light-dark(var(--db-orange-6),var(--db-orange-7));--db-orange-contrast-low-pressed:light-dark(var(--db-orange-5),var(--db-orange-6));--db-orange-border:light-dark(var(--db-orange-10),var(--db-orange-6));--db-red-on-enabled:light-dark(var(--db-red-on-light),var(--db-red-on-dark));--db-red-on-hover:light-dark(var(--db-red-on-hover-light),var(--db-red-on-hover-dark));--db-red-on-pressed:light-dark(var(--db-red-on-pressed-light),var(--db-red-on-pressed-dark));--db-red-origin-enabled:light-dark(var(--db-red-origin-light),var(--db-red-origin-dark));--db-red-origin-hover:light-dark(var(--db-red-hover-light),var(--db-red-hover-dark));--db-red-origin-pressed:light-dark(var(--db-red-pressed-light),var(--db-red-pressed-dark));--db-red-bg-lvl-1-enabled:light-dark(var(--db-red-14),var(--db-red-3));--db-red-bg-lvl-1-hover:light-dark(var(--db-red-13),var(--db-red-4));--db-red-bg-lvl-1-pressed:light-dark(var(--db-red-12),var(--db-red-5));--db-red-bg-lvl-2-enabled:light-dark(var(--db-red-13),var(--db-red-2));--db-red-bg-lvl-2-hover:light-dark(var(--db-red-12),var(--db-red-3));--db-red-bg-lvl-2-pressed:light-dark(var(--db-red-11),var(--db-red-4));--db-red-bg-lvl-3-enabled:light-dark(var(--db-red-12),var(--db-red-1));--db-red-bg-lvl-3-hover:light-dark(var(--db-red-11),var(--db-red-2));--db-red-bg-lvl-3-pressed:light-dark(var(--db-red-10),var(--db-red-3));--db-red-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-red-6)),color-mix(in srgb,transparent 100%,var(--db-red-9)));--db-red-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-red-6)),color-mix(in srgb,transparent 84%,var(--db-red-9)));--db-red-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-on-bg-enabled:light-dark(var(--db-red-3),var(--db-red-12));--db-red-on-bg-hover:light-dark(var(--db-red-4),var(--db-red-11));--db-red-on-bg-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-weak-enabled:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-weak-hover:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-weak-pressed:light-dark(var(--db-red-7),var(--db-red-8));--db-red-on-contrast-enabled:light-dark(var(--db-red-14),var(--db-red-3));--db-red-on-contrast-hover:light-dark(var(--db-red-13),var(--db-red-4));--db-red-on-contrast-pressed:light-dark(var(--db-red-12),var(--db-red-5));--db-red-contrast-high-enabled:light-dark(var(--db-red-6),var(--db-red-9));--db-red-contrast-high-hover:light-dark(var(--db-red-5),var(--db-red-8));--db-red-contrast-high-pressed:light-dark(var(--db-red-4),var(--db-red-7));--db-red-contrast-low-enabled:light-dark(var(--db-red-7),var(--db-red-8));--db-red-contrast-low-hover:light-dark(var(--db-red-6),var(--db-red-7));--db-red-contrast-low-pressed:light-dark(var(--db-red-5),var(--db-red-6));--db-red-border:light-dark(var(--db-red-10),var(--db-red-6));--db-pink-on-enabled:light-dark(var(--db-pink-on-light),var(--db-pink-on-dark));--db-pink-on-hover:light-dark(var(--db-pink-on-hover-light),var(--db-pink-on-hover-dark));--db-pink-on-pressed:light-dark(var(--db-pink-on-pressed-light),var(--db-pink-on-pressed-dark));--db-pink-origin-enabled:light-dark(var(--db-pink-origin-light),var(--db-pink-origin-dark));--db-pink-origin-hover:light-dark(var(--db-pink-hover-light),var(--db-pink-hover-dark));--db-pink-origin-pressed:light-dark(var(--db-pink-pressed-light),var(--db-pink-pressed-dark));--db-pink-bg-lvl-1-enabled:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-bg-lvl-1-hover:light-dark(var(--db-pink-13),var(--db-pink-4));--db-pink-bg-lvl-1-pressed:light-dark(var(--db-pink-12),var(--db-pink-5));--db-pink-bg-lvl-2-enabled:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-bg-lvl-2-hover:light-dark(var(--db-pink-12),var(--db-pink-3));--db-pink-bg-lvl-2-pressed:light-dark(var(--db-pink-11),var(--db-pink-4));--db-pink-bg-lvl-3-enabled:light-dark(var(--db-pink-12),var(--db-pink-1));--db-pink-bg-lvl-3-hover:light-dark(var(--db-pink-11),var(--db-pink-2));--db-pink-bg-lvl-3-pressed:light-dark(var(--db-pink-10),var(--db-pink-3));--db-pink-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-pink-6)),color-mix(in srgb,transparent 100%,var(--db-pink-9)));--db-pink-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-pink-6)),color-mix(in srgb,transparent 84%,var(--db-pink-9)));--db-pink-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-on-bg-enabled:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-on-bg-hover:light-dark(var(--db-pink-4),var(--db-pink-11));--db-pink-on-bg-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-weak-enabled:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-weak-hover:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-weak-pressed:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-on-contrast-enabled:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-on-contrast-hover:light-dark(var(--db-pink-13),var(--db-pink-4));--db-pink-on-contrast-pressed:light-dark(var(--db-pink-12),var(--db-pink-5));--db-pink-contrast-high-enabled:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-contrast-high-hover:light-dark(var(--db-pink-5),var(--db-pink-8));--db-pink-contrast-high-pressed:light-dark(var(--db-pink-4),var(--db-pink-7));--db-pink-contrast-low-enabled:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-contrast-low-hover:light-dark(var(--db-pink-6),var(--db-pink-7));--db-pink-contrast-low-pressed:light-dark(var(--db-pink-5),var(--db-pink-6));--db-pink-border:light-dark(var(--db-pink-10),var(--db-pink-6));--db-violet-on-enabled:light-dark(var(--db-violet-on-light),var(--db-violet-on-dark));--db-violet-on-hover:light-dark(var(--db-violet-on-hover-light),var(--db-violet-on-hover-dark));--db-violet-on-pressed:light-dark(var(--db-violet-on-pressed-light),var(--db-violet-on-pressed-dark));--db-violet-origin-enabled:light-dark(var(--db-violet-origin-light),var(--db-violet-origin-dark));--db-violet-origin-hover:light-dark(var(--db-violet-hover-light),var(--db-violet-hover-dark));--db-violet-origin-pressed:light-dark(var(--db-violet-pressed-light),var(--db-violet-pressed-dark));--db-violet-bg-lvl-1-enabled:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-bg-lvl-1-hover:light-dark(var(--db-violet-13),var(--db-violet-4));--db-violet-bg-lvl-1-pressed:light-dark(var(--db-violet-12),var(--db-violet-5));--db-violet-bg-lvl-2-enabled:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-bg-lvl-2-hover:light-dark(var(--db-violet-12),var(--db-violet-3));--db-violet-bg-lvl-2-pressed:light-dark(var(--db-violet-11),var(--db-violet-4));--db-violet-bg-lvl-3-enabled:light-dark(var(--db-violet-12),var(--db-violet-1));--db-violet-bg-lvl-3-hover:light-dark(var(--db-violet-11),var(--db-violet-2));--db-violet-bg-lvl-3-pressed:light-dark(var(--db-violet-10),var(--db-violet-3));--db-violet-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-violet-6)),color-mix(in srgb,transparent 100%,var(--db-violet-9)));--db-violet-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-violet-6)),color-mix(in srgb,transparent 84%,var(--db-violet-9)));--db-violet-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-on-bg-enabled:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-on-bg-hover:light-dark(var(--db-violet-4),var(--db-violet-11));--db-violet-on-bg-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-weak-enabled:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-weak-hover:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-weak-pressed:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-on-contrast-enabled:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-on-contrast-hover:light-dark(var(--db-violet-13),var(--db-violet-4));--db-violet-on-contrast-pressed:light-dark(var(--db-violet-12),var(--db-violet-5));--db-violet-contrast-high-enabled:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-contrast-high-hover:light-dark(var(--db-violet-5),var(--db-violet-8));--db-violet-contrast-high-pressed:light-dark(var(--db-violet-4),var(--db-violet-7));--db-violet-contrast-low-enabled:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-contrast-low-hover:light-dark(var(--db-violet-6),var(--db-violet-7));--db-violet-contrast-low-pressed:light-dark(var(--db-violet-5),var(--db-violet-6));--db-violet-border:light-dark(var(--db-violet-10),var(--db-violet-6));--db-blue-on-enabled:light-dark(var(--db-blue-on-light),var(--db-blue-on-dark));--db-blue-on-hover:light-dark(var(--db-blue-on-hover-light),var(--db-blue-on-hover-dark));--db-blue-on-pressed:light-dark(var(--db-blue-on-pressed-light),var(--db-blue-on-pressed-dark));--db-blue-origin-enabled:light-dark(var(--db-blue-origin-light),var(--db-blue-origin-dark));--db-blue-origin-hover:light-dark(var(--db-blue-hover-light),var(--db-blue-hover-dark));--db-blue-origin-pressed:light-dark(var(--db-blue-pressed-light),var(--db-blue-pressed-dark));--db-blue-bg-lvl-1-enabled:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-bg-lvl-1-hover:light-dark(var(--db-blue-13),var(--db-blue-4));--db-blue-bg-lvl-1-pressed:light-dark(var(--db-blue-12),var(--db-blue-5));--db-blue-bg-lvl-2-enabled:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-bg-lvl-2-hover:light-dark(var(--db-blue-12),var(--db-blue-3));--db-blue-bg-lvl-2-pressed:light-dark(var(--db-blue-11),var(--db-blue-4));--db-blue-bg-lvl-3-enabled:light-dark(var(--db-blue-12),var(--db-blue-1));--db-blue-bg-lvl-3-hover:light-dark(var(--db-blue-11),var(--db-blue-2));--db-blue-bg-lvl-3-pressed:light-dark(var(--db-blue-10),var(--db-blue-3));--db-blue-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-blue-6)),color-mix(in srgb,transparent 100%,var(--db-blue-9)));--db-blue-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-blue-6)),color-mix(in srgb,transparent 84%,var(--db-blue-9)));--db-blue-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-on-bg-enabled:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-on-bg-hover:light-dark(var(--db-blue-4),var(--db-blue-11));--db-blue-on-bg-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-weak-enabled:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-weak-hover:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-weak-pressed:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-on-contrast-enabled:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-on-contrast-hover:light-dark(var(--db-blue-13),var(--db-blue-4));--db-blue-on-contrast-pressed:light-dark(var(--db-blue-12),var(--db-blue-5));--db-blue-contrast-high-enabled:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-contrast-high-hover:light-dark(var(--db-blue-5),var(--db-blue-8));--db-blue-contrast-high-pressed:light-dark(var(--db-blue-4),var(--db-blue-7));--db-blue-contrast-low-enabled:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-contrast-low-hover:light-dark(var(--db-blue-6),var(--db-blue-7));--db-blue-contrast-low-pressed:light-dark(var(--db-blue-5),var(--db-blue-6));--db-blue-border:light-dark(var(--db-blue-10),var(--db-blue-6));--db-cyan-on-enabled:light-dark(var(--db-cyan-on-light),var(--db-cyan-on-dark));--db-cyan-on-hover:light-dark(var(--db-cyan-on-hover-light),var(--db-cyan-on-hover-dark));--db-cyan-on-pressed:light-dark(var(--db-cyan-on-pressed-light),var(--db-cyan-on-pressed-dark));--db-cyan-origin-enabled:light-dark(var(--db-cyan-origin-light),var(--db-cyan-origin-dark));--db-cyan-origin-hover:light-dark(var(--db-cyan-hover-light),var(--db-cyan-hover-dark));--db-cyan-origin-pressed:light-dark(var(--db-cyan-pressed-light),var(--db-cyan-pressed-dark));--db-cyan-bg-lvl-1-enabled:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-bg-lvl-1-hover:light-dark(var(--db-cyan-13),var(--db-cyan-4));--db-cyan-bg-lvl-1-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-5));--db-cyan-bg-lvl-2-enabled:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-bg-lvl-2-hover:light-dark(var(--db-cyan-12),var(--db-cyan-3));--db-cyan-bg-lvl-2-pressed:light-dark(var(--db-cyan-11),var(--db-cyan-4));--db-cyan-bg-lvl-3-enabled:light-dark(var(--db-cyan-12),var(--db-cyan-1));--db-cyan-bg-lvl-3-hover:light-dark(var(--db-cyan-11),var(--db-cyan-2));--db-cyan-bg-lvl-3-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-3));--db-cyan-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-cyan-6)),color-mix(in srgb,transparent 100%,var(--db-cyan-9)));--db-cyan-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-cyan-6)),color-mix(in srgb,transparent 84%,var(--db-cyan-9)));--db-cyan-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-on-bg-enabled:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-on-bg-hover:light-dark(var(--db-cyan-4),var(--db-cyan-11));--db-cyan-on-bg-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-weak-enabled:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-weak-hover:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-weak-pressed:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-on-contrast-enabled:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-on-contrast-hover:light-dark(var(--db-cyan-13),var(--db-cyan-4));--db-cyan-on-contrast-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-5));--db-cyan-contrast-high-enabled:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-contrast-high-hover:light-dark(var(--db-cyan-5),var(--db-cyan-8));--db-cyan-contrast-high-pressed:light-dark(var(--db-cyan-4),var(--db-cyan-7));--db-cyan-contrast-low-enabled:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-contrast-low-hover:light-dark(var(--db-cyan-6),var(--db-cyan-7));--db-cyan-contrast-low-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-6));--db-cyan-border:light-dark(var(--db-cyan-10),var(--db-cyan-6));--db-turquoise-on-enabled:light-dark(var(--db-turquoise-on-light),var(--db-turquoise-on-dark));--db-turquoise-on-hover:light-dark(var(--db-turquoise-on-hover-light),var(--db-turquoise-on-hover-dark));--db-turquoise-on-pressed:light-dark(var(--db-turquoise-on-pressed-light),var(--db-turquoise-on-pressed-dark));--db-turquoise-origin-enabled:light-dark(var(--db-turquoise-origin-light),var(--db-turquoise-origin-dark));--db-turquoise-origin-hover:light-dark(var(--db-turquoise-hover-light),var(--db-turquoise-hover-dark));--db-turquoise-origin-pressed:light-dark(var(--db-turquoise-pressed-light),var(--db-turquoise-pressed-dark));--db-turquoise-bg-lvl-1-enabled:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-bg-lvl-1-hover:light-dark(var(--db-turquoise-13),var(--db-turquoise-4));--db-turquoise-bg-lvl-1-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-5));--db-turquoise-bg-lvl-2-enabled:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-bg-lvl-2-hover:light-dark(var(--db-turquoise-12),var(--db-turquoise-3));--db-turquoise-bg-lvl-2-pressed:light-dark(var(--db-turquoise-11),var(--db-turquoise-4));--db-turquoise-bg-lvl-3-enabled:light-dark(var(--db-turquoise-12),var(--db-turquoise-1));--db-turquoise-bg-lvl-3-hover:light-dark(var(--db-turquoise-11),var(--db-turquoise-2));--db-turquoise-bg-lvl-3-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-3));--db-turquoise-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-turquoise-6)),color-mix(in srgb,transparent 100%,var(--db-turquoise-9)));--db-turquoise-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-turquoise-6)),color-mix(in srgb,transparent 84%,var(--db-turquoise-9)));--db-turquoise-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-on-bg-enabled:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-on-bg-hover:light-dark(var(--db-turquoise-4),var(--db-turquoise-11));--db-turquoise-on-bg-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-weak-enabled:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-weak-hover:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-weak-pressed:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-on-contrast-enabled:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-on-contrast-hover:light-dark(var(--db-turquoise-13),var(--db-turquoise-4));--db-turquoise-on-contrast-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-5));--db-turquoise-contrast-high-enabled:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-contrast-high-hover:light-dark(var(--db-turquoise-5),var(--db-turquoise-8));--db-turquoise-contrast-high-pressed:light-dark(var(--db-turquoise-4),var(--db-turquoise-7));--db-turquoise-contrast-low-enabled:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-contrast-low-hover:light-dark(var(--db-turquoise-6),var(--db-turquoise-7));--db-turquoise-contrast-low-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-6));--db-turquoise-border:light-dark(var(--db-turquoise-10),var(--db-turquoise-6));--db-green-on-enabled:light-dark(var(--db-green-on-light),var(--db-green-on-dark));--db-green-on-hover:light-dark(var(--db-green-on-hover-light),var(--db-green-on-hover-dark));--db-green-on-pressed:light-dark(var(--db-green-on-pressed-light),var(--db-green-on-pressed-dark));--db-green-origin-enabled:light-dark(var(--db-green-origin-light),var(--db-green-origin-dark));--db-green-origin-hover:light-dark(var(--db-green-hover-light),var(--db-green-hover-dark));--db-green-origin-pressed:light-dark(var(--db-green-pressed-light),var(--db-green-pressed-dark));--db-green-bg-lvl-1-enabled:light-dark(var(--db-green-14),var(--db-green-3));--db-green-bg-lvl-1-hover:light-dark(var(--db-green-13),var(--db-green-4));--db-green-bg-lvl-1-pressed:light-dark(var(--db-green-12),var(--db-green-5));--db-green-bg-lvl-2-enabled:light-dark(var(--db-green-13),var(--db-green-2));--db-green-bg-lvl-2-hover:light-dark(var(--db-green-12),var(--db-green-3));--db-green-bg-lvl-2-pressed:light-dark(var(--db-green-11),var(--db-green-4));--db-green-bg-lvl-3-enabled:light-dark(var(--db-green-12),var(--db-green-1));--db-green-bg-lvl-3-hover:light-dark(var(--db-green-11),var(--db-green-2));--db-green-bg-lvl-3-pressed:light-dark(var(--db-green-10),var(--db-green-3));--db-green-bg-transparent-full-enabled:light-dark(color-mix(in srgb,transparent 100%,var(--db-green-6)),color-mix(in srgb,transparent 100%,var(--db-green-9)));--db-green-bg-transparent-semi-enabled:light-dark(color-mix(in srgb,transparent 92%,var(--db-green-6)),color-mix(in srgb,transparent 84%,var(--db-green-9)));--db-green-bg-transparent-hover:light-dark(color-mix(in srgb,transparent 84%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-transparent-pressed:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-on-bg-enabled:light-dark(var(--db-green-3),var(--db-green-12));--db-green-on-bg-hover:light-dark(var(--db-green-4),var(--db-green-11));--db-green-on-bg-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-weak-enabled:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-weak-hover:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-weak-pressed:light-dark(var(--db-green-7),var(--db-green-8));--db-green-on-contrast-enabled:light-dark(var(--db-green-14),var(--db-green-3));--db-green-on-contrast-hover:light-dark(var(--db-green-13),var(--db-green-4));--db-green-on-contrast-pressed:light-dark(var(--db-green-12),var(--db-green-5));--db-green-contrast-high-enabled:light-dark(var(--db-green-6),var(--db-green-9));--db-green-contrast-high-hover:light-dark(var(--db-green-5),var(--db-green-8));--db-green-contrast-high-pressed:light-dark(var(--db-green-4),var(--db-green-7));--db-green-contrast-low-enabled:light-dark(var(--db-green-7),var(--db-green-8));--db-green-contrast-low-hover:light-dark(var(--db-green-6),var(--db-green-7));--db-green-contrast-low-pressed:light-dark(var(--db-green-5),var(--db-green-6));--db-green-border:light-dark(var(--db-green-10),var(--db-green-6))}@media(prefers-color-scheme:dark){:root{--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=")}}html:not(:has(>head>meta[name=color-scheme])){color-scheme:light dark}[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.0dbb9346.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.60603cc4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.0a38cc4d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.db14691e.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.dca390bb.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.9314f0ec.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.a5a02299.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.84644923.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.84644923.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.e63dd995.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.292409af.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.c33e2939.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.c33e2939.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.a716e8ba.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:400;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.7607b984.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:16;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.f8ee2a39.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:20;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.86871a1c.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:24;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.d52c5134.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:32;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.1b73a696.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:48;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.1b73a696.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:64;src:url(/mono/review/fix-2678-tag-default-html/_next/static/media/db-ux.1b73a696.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=filled]:after,[data-icon-variant-before=filled]:before,[data-icon-variant=filled]:before{--db-icon-font-family:"db-ux-filled"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-divider-top-before,[data-divider=top-before]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-top-before[data-emphasis=strong],[data-divider=top-before][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-top-before:before,[data-divider=top-before]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}.db-divider-top-after,[data-divider=top-after]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-top-after[data-emphasis=strong],[data-divider=top-after][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-top-after:after,[data-divider=top-after]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}.db-divider-bottom-before,[data-divider=bottom-before]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-bottom-before[data-emphasis=strong],[data-divider=bottom-before][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-bottom-before:before,[data-divider=bottom-before]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-divider-bottom-after,[data-divider=bottom-after]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-bottom-after[data-emphasis=strong],[data-divider=bottom-after][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-bottom-after:after,[data-divider=bottom-after]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-divider-left-before,[data-divider=left-before]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-left-before[data-emphasis=strong],[data-divider=left-before][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-left-before:before,[data-divider=left-before]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}.db-divider-left-after,[data-divider=left-after]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-left-after[data-emphasis=strong],[data-divider=left-after][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-left-after:after,[data-divider=left-after]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}.db-divider-right-before,[data-divider=right-before]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-right-before[data-emphasis=strong],[data-divider=right-before][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-right-before:before,[data-divider=right-before]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-end:0;inset-block:0}.db-divider-right-after,[data-divider=right-after]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-divider-right-after[data-emphasis=strong],[data-divider=right-after][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider-right-after:after,[data-divider=right-after]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-end:0;inset-block:0}.db-blue-bg-lvl-1,.db-blue-bg-lvl-2,.db-blue-bg-lvl-3,.db-blue-bg-transparent-full,.db-blue-bg-transparent-semi,.db-blue-contrast-high,.db-blue-contrast-high-interactive,.db-blue-contrast-low,.db-blue-contrast-low-interactive,.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,.db-brand-contrast-high,.db-brand-contrast-high-interactive,.db-brand-contrast-low,.db-brand-contrast-low-interactive,.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-critical-contrast-high,.db-critical-contrast-high-interactive,.db-critical-contrast-low,.db-critical-contrast-low-interactive,.db-cyan-bg-lvl-1,.db-cyan-bg-lvl-2,.db-cyan-bg-lvl-3,.db-cyan-bg-transparent-full,.db-cyan-bg-transparent-semi,.db-cyan-contrast-high,.db-cyan-contrast-high-interactive,.db-cyan-contrast-low,.db-cyan-contrast-low-interactive,.db-green-bg-lvl-1,.db-green-bg-lvl-2,.db-green-bg-lvl-3,.db-green-bg-transparent-full,.db-green-bg-transparent-semi,.db-green-contrast-high,.db-green-contrast-high-interactive,.db-green-contrast-low,.db-green-contrast-low-interactive,.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-informational-contrast-high,.db-informational-contrast-high-interactive,.db-informational-contrast-low,.db-informational-contrast-low-interactive,.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,.db-neutral-contrast-low,.db-neutral-contrast-low-interactive,.db-orange-bg-lvl-1,.db-orange-bg-lvl-2,.db-orange-bg-lvl-3,.db-orange-bg-transparent-full,.db-orange-bg-transparent-semi,.db-orange-contrast-high,.db-orange-contrast-high-interactive,.db-orange-contrast-low,.db-orange-contrast-low-interactive,.db-pink-bg-lvl-1,.db-pink-bg-lvl-2,.db-pink-bg-lvl-3,.db-pink-bg-transparent-full,.db-pink-bg-transparent-semi,.db-pink-contrast-high,.db-pink-contrast-high-interactive,.db-pink-contrast-low,.db-pink-contrast-low-interactive,.db-red-bg-lvl-1,.db-red-bg-lvl-2,.db-red-bg-lvl-3,.db-red-bg-transparent-full,.db-red-bg-transparent-semi,.db-red-contrast-high,.db-red-contrast-high-interactive,.db-red-contrast-low,.db-red-contrast-low-interactive,.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-successful-contrast-high,.db-successful-contrast-high-interactive,.db-successful-contrast-low,.db-successful-contrast-low-interactive,.db-turquoise-bg-lvl-1,.db-turquoise-bg-lvl-2,.db-turquoise-bg-lvl-3,.db-turquoise-bg-transparent-full,.db-turquoise-bg-transparent-semi,.db-turquoise-contrast-high,.db-turquoise-contrast-high-interactive,.db-turquoise-contrast-low,.db-turquoise-contrast-low-interactive,.db-violet-bg-lvl-1,.db-violet-bg-lvl-2,.db-violet-bg-lvl-3,.db-violet-bg-transparent-full,.db-violet-bg-transparent-semi,.db-violet-contrast-high,.db-violet-contrast-high-interactive,.db-violet-contrast-low,.db-violet-contrast-low-interactive,.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,.db-warning-contrast-high,.db-warning-contrast-high-interactive,.db-warning-contrast-low,.db-warning-contrast-low-interactive,.db-yellow-bg-lvl-1,.db-yellow-bg-lvl-2,.db-yellow-bg-lvl-3,.db-yellow-bg-transparent-full,.db-yellow-bg-transparent-semi,.db-yellow-contrast-high,.db-yellow-contrast-high-interactive,.db-yellow-contrast-low,.db-yellow-contrast-low-interactive,[data-color=blue-bg-lvl-1],[data-color=blue-bg-lvl-2],[data-color=blue-bg-lvl-3],[data-color=blue-bg-transparent-full],[data-color=blue-bg-transparent-semi],[data-color=blue-contrast-high-interactive],[data-color=blue-contrast-high],[data-color=blue-contrast-low-interactive],[data-color=blue-contrast-low],[data-color=brand-bg-lvl-1],[data-color=brand-bg-lvl-2],[data-color=brand-bg-lvl-3],[data-color=brand-bg-transparent-full],[data-color=brand-bg-transparent-semi],[data-color=brand-contrast-high-interactive],[data-color=brand-contrast-high],[data-color=brand-contrast-low-interactive],[data-color=brand-contrast-low],[data-color=critical-bg-lvl-1],[data-color=critical-bg-lvl-2],[data-color=critical-bg-lvl-3],[data-color=critical-bg-transparent-full],[data-color=critical-bg-transparent-semi],[data-color=critical-contrast-high-interactive],[data-color=critical-contrast-high],[data-color=critical-contrast-low-interactive],[data-color=critical-contrast-low],[data-color=cyan-bg-lvl-1],[data-color=cyan-bg-lvl-2],[data-color=cyan-bg-lvl-3],[data-color=cyan-bg-transparent-full],[data-color=cyan-bg-transparent-semi],[data-color=cyan-contrast-high-interactive],[data-color=cyan-contrast-high],[data-color=cyan-contrast-low-interactive],[data-color=cyan-contrast-low],[data-color=green-bg-lvl-1],[data-color=green-bg-lvl-2],[data-color=green-bg-lvl-3],[data-color=green-bg-transparent-full],[data-color=green-bg-transparent-semi],[data-color=green-contrast-high-interactive],[data-color=green-contrast-high],[data-color=green-contrast-low-interactive],[data-color=green-contrast-low],[data-color=informational-bg-lvl-1],[data-color=informational-bg-lvl-2],[data-color=informational-bg-lvl-3],[data-color=informational-bg-transparent-full],[data-color=informational-bg-transparent-semi],[data-color=informational-contrast-high-interactive],[data-color=informational-contrast-high],[data-color=informational-contrast-low-interactive],[data-color=informational-contrast-low],[data-color=neutral-bg-lvl-1],[data-color=neutral-bg-lvl-2],[data-color=neutral-bg-lvl-3],[data-color=neutral-bg-transparent-full],[data-color=neutral-bg-transparent-semi],[data-color=neutral-contrast-high-interactive],[data-color=neutral-contrast-high],[data-color=neutral-contrast-low-interactive],[data-color=neutral-contrast-low],[data-color=orange-bg-lvl-1],[data-color=orange-bg-lvl-2],[data-color=orange-bg-lvl-3],[data-color=orange-bg-transparent-full],[data-color=orange-bg-transparent-semi],[data-color=orange-contrast-high-interactive],[data-color=orange-contrast-high],[data-color=orange-contrast-low-interactive],[data-color=orange-contrast-low],[data-color=pink-bg-lvl-1],[data-color=pink-bg-lvl-2],[data-color=pink-bg-lvl-3],[data-color=pink-bg-transparent-full],[data-color=pink-bg-transparent-semi],[data-color=pink-contrast-high-interactive],[data-color=pink-contrast-high],[data-color=pink-contrast-low-interactive],[data-color=pink-contrast-low],[data-color=red-bg-lvl-1],[data-color=red-bg-lvl-2],[data-color=red-bg-lvl-3],[data-color=red-bg-transparent-full],[data-color=red-bg-transparent-semi],[data-color=red-contrast-high-interactive],[data-color=red-contrast-high],[data-color=red-contrast-low-interactive],[data-color=red-contrast-low],[data-color=successful-bg-lvl-1],[data-color=successful-bg-lvl-2],[data-color=successful-bg-lvl-3],[data-color=successful-bg-transparent-full],[data-color=successful-bg-transparent-semi],[data-color=successful-contrast-high-interactive],[data-color=successful-contrast-high],[data-color=successful-contrast-low-interactive],[data-color=successful-contrast-low],[data-color=turquoise-bg-lvl-1],[data-color=turquoise-bg-lvl-2],[data-color=turquoise-bg-lvl-3],[data-color=turquoise-bg-transparent-full],[data-color=turquoise-bg-transparent-semi],[data-color=turquoise-contrast-high-interactive],[data-color=turquoise-contrast-high],[data-color=turquoise-contrast-low-interactive],[data-color=turquoise-contrast-low],[data-color=violet-bg-lvl-1],[data-color=violet-bg-lvl-2],[data-color=violet-bg-lvl-3],[data-color=violet-bg-transparent-full],[data-color=violet-bg-transparent-semi],[data-color=violet-contrast-high-interactive],[data-color=violet-contrast-high],[data-color=violet-contrast-low-interactive],[data-color=violet-contrast-low],[data-color=warning-bg-lvl-1],[data-color=warning-bg-lvl-2],[data-color=warning-bg-lvl-3],[data-color=warning-bg-transparent-full],[data-color=warning-bg-transparent-semi],[data-color=warning-contrast-high-interactive],[data-color=warning-contrast-high],[data-color=warning-contrast-low-interactive],[data-color=warning-contrast-low],[data-color=yellow-bg-lvl-1],[data-color=yellow-bg-lvl-2],[data-color=yellow-bg-lvl-3],[data-color=yellow-bg-transparent-full],[data-color=yellow-bg-transparent-semi],[data-color=yellow-contrast-high-interactive],[data-color=yellow-contrast-high],[data-color=yellow-contrast-low-interactive],[data-color=yellow-contrast-low]{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-blue-bg-lvl-1:after,.db-blue-bg-lvl-1:before,.db-blue-bg-lvl-2:after,.db-blue-bg-lvl-2:before,.db-blue-bg-lvl-3:after,.db-blue-bg-lvl-3:before,.db-blue-bg-transparent-full:after,.db-blue-bg-transparent-full:before,.db-blue-bg-transparent-semi:after,.db-blue-bg-transparent-semi:before,.db-blue-contrast-high-interactive:after,.db-blue-contrast-high-interactive:before,.db-blue-contrast-high:after,.db-blue-contrast-high:before,.db-blue-contrast-low-interactive:after,.db-blue-contrast-low-interactive:before,.db-blue-contrast-low:after,.db-blue-contrast-low:before,.db-brand-bg-lvl-1:after,.db-brand-bg-lvl-1:before,.db-brand-bg-lvl-2:after,.db-brand-bg-lvl-2:before,.db-brand-bg-lvl-3:after,.db-brand-bg-lvl-3:before,.db-brand-bg-transparent-full:after,.db-brand-bg-transparent-full:before,.db-brand-bg-transparent-semi:after,.db-brand-bg-transparent-semi:before,.db-brand-contrast-high-interactive:after,.db-brand-contrast-high-interactive:before,.db-brand-contrast-high:after,.db-brand-contrast-high:before,.db-brand-contrast-low-interactive:after,.db-brand-contrast-low-interactive:before,.db-brand-contrast-low:after,.db-brand-contrast-low:before,.db-critical-bg-lvl-1:after,.db-critical-bg-lvl-1:before,.db-critical-bg-lvl-2:after,.db-critical-bg-lvl-2:before,.db-critical-bg-lvl-3:after,.db-critical-bg-lvl-3:before,.db-critical-bg-transparent-full:after,.db-critical-bg-transparent-full:before,.db-critical-bg-transparent-semi:after,.db-critical-bg-transparent-semi:before,.db-critical-contrast-high-interactive:after,.db-critical-contrast-high-interactive:before,.db-critical-contrast-high:after,.db-critical-contrast-high:before,.db-critical-contrast-low-interactive:after,.db-critical-contrast-low-interactive:before,.db-critical-contrast-low:after,.db-critical-contrast-low:before,.db-cyan-bg-lvl-1:after,.db-cyan-bg-lvl-1:before,.db-cyan-bg-lvl-2:after,.db-cyan-bg-lvl-2:before,.db-cyan-bg-lvl-3:after,.db-cyan-bg-lvl-3:before,.db-cyan-bg-transparent-full:after,.db-cyan-bg-transparent-full:before,.db-cyan-bg-transparent-semi:after,.db-cyan-bg-transparent-semi:before,.db-cyan-contrast-high-interactive:after,.db-cyan-contrast-high-interactive:before,.db-cyan-contrast-high:after,.db-cyan-contrast-high:before,.db-cyan-contrast-low-interactive:after,.db-cyan-contrast-low-interactive:before,.db-cyan-contrast-low:after,.db-cyan-contrast-low:before,.db-green-bg-lvl-1:after,.db-green-bg-lvl-1:before,.db-green-bg-lvl-2:after,.db-green-bg-lvl-2:before,.db-green-bg-lvl-3:after,.db-green-bg-lvl-3:before,.db-green-bg-transparent-full:after,.db-green-bg-transparent-full:before,.db-green-bg-transparent-semi:after,.db-green-bg-transparent-semi:before,.db-green-contrast-high-interactive:after,.db-green-contrast-high-interactive:before,.db-green-contrast-high:after,.db-green-contrast-high:before,.db-green-contrast-low-interactive:after,.db-green-contrast-low-interactive:before,.db-green-contrast-low:after,.db-green-contrast-low:before,.db-informational-bg-lvl-1:after,.db-informational-bg-lvl-1:before,.db-informational-bg-lvl-2:after,.db-informational-bg-lvl-2:before,.db-informational-bg-lvl-3:after,.db-informational-bg-lvl-3:before,.db-informational-bg-transparent-full:after,.db-informational-bg-transparent-full:before,.db-informational-bg-transparent-semi:after,.db-informational-bg-transparent-semi:before,.db-informational-contrast-high-interactive:after,.db-informational-contrast-high-interactive:before,.db-informational-contrast-high:after,.db-informational-contrast-high:before,.db-informational-contrast-low-interactive:after,.db-informational-contrast-low-interactive:before,.db-informational-contrast-low:after,.db-informational-contrast-low:before,.db-neutral-bg-lvl-1:after,.db-neutral-bg-lvl-1:before,.db-neutral-bg-lvl-2:after,.db-neutral-bg-lvl-2:before,.db-neutral-bg-lvl-3:after,.db-neutral-bg-lvl-3:before,.db-neutral-bg-transparent-full:after,.db-neutral-bg-transparent-full:before,.db-neutral-bg-transparent-semi:after,.db-neutral-bg-transparent-semi:before,.db-neutral-contrast-high-interactive:after,.db-neutral-contrast-high-interactive:before,.db-neutral-contrast-high:after,.db-neutral-contrast-high:before,.db-neutral-contrast-low-interactive:after,.db-neutral-contrast-low-interactive:before,.db-neutral-contrast-low:after,.db-neutral-contrast-low:before,.db-orange-bg-lvl-1:after,.db-orange-bg-lvl-1:before,.db-orange-bg-lvl-2:after,.db-orange-bg-lvl-2:before,.db-orange-bg-lvl-3:after,.db-orange-bg-lvl-3:before,.db-orange-bg-transparent-full:after,.db-orange-bg-transparent-full:before,.db-orange-bg-transparent-semi:after,.db-orange-bg-transparent-semi:before,.db-orange-contrast-high-interactive:after,.db-orange-contrast-high-interactive:before,.db-orange-contrast-high:after,.db-orange-contrast-high:before,.db-orange-contrast-low-interactive:after,.db-orange-contrast-low-interactive:before,.db-orange-contrast-low:after,.db-orange-contrast-low:before,.db-pink-bg-lvl-1:after,.db-pink-bg-lvl-1:before,.db-pink-bg-lvl-2:after,.db-pink-bg-lvl-2:before,.db-pink-bg-lvl-3:after,.db-pink-bg-lvl-3:before,.db-pink-bg-transparent-full:after,.db-pink-bg-transparent-full:before,.db-pink-bg-transparent-semi:after,.db-pink-bg-transparent-semi:before,.db-pink-contrast-high-interactive:after,.db-pink-contrast-high-interactive:before,.db-pink-contrast-high:after,.db-pink-contrast-high:before,.db-pink-contrast-low-interactive:after,.db-pink-contrast-low-interactive:before,.db-pink-contrast-low:after,.db-pink-contrast-low:before,.db-red-bg-lvl-1:after,.db-red-bg-lvl-1:before,.db-red-bg-lvl-2:after,.db-red-bg-lvl-2:before,.db-red-bg-lvl-3:after,.db-red-bg-lvl-3:before,.db-red-bg-transparent-full:after,.db-red-bg-transparent-full:before,.db-red-bg-transparent-semi:after,.db-red-bg-transparent-semi:before,.db-red-contrast-high-interactive:after,.db-red-contrast-high-interactive:before,.db-red-contrast-high:after,.db-red-contrast-high:before,.db-red-contrast-low-interactive:after,.db-red-contrast-low-interactive:before,.db-red-contrast-low:after,.db-red-contrast-low:before,.db-successful-bg-lvl-1:after,.db-successful-bg-lvl-1:before,.db-successful-bg-lvl-2:after,.db-successful-bg-lvl-2:before,.db-successful-bg-lvl-3:after,.db-successful-bg-lvl-3:before,.db-successful-bg-transparent-full:after,.db-successful-bg-transparent-full:before,.db-successful-bg-transparent-semi:after,.db-successful-bg-transparent-semi:before,.db-successful-contrast-high-interactive:after,.db-successful-contrast-high-interactive:before,.db-successful-contrast-high:after,.db-successful-contrast-high:before,.db-successful-contrast-low-interactive:after,.db-successful-contrast-low-interactive:before,.db-successful-contrast-low:after,.db-successful-contrast-low:before,.db-turquoise-bg-lvl-1:after,.db-turquoise-bg-lvl-1:before,.db-turquoise-bg-lvl-2:after,.db-turquoise-bg-lvl-2:before,.db-turquoise-bg-lvl-3:after,.db-turquoise-bg-lvl-3:before,.db-turquoise-bg-transparent-full:after,.db-turquoise-bg-transparent-full:before,.db-turquoise-bg-transparent-semi:after,.db-turquoise-bg-transparent-semi:before,.db-turquoise-contrast-high-interactive:after,.db-turquoise-contrast-high-interactive:before,.db-turquoise-contrast-high:after,.db-turquoise-contrast-high:before,.db-turquoise-contrast-low-interactive:after,.db-turquoise-contrast-low-interactive:before,.db-turquoise-contrast-low:after,.db-turquoise-contrast-low:before,.db-violet-bg-lvl-1:after,.db-violet-bg-lvl-1:before,.db-violet-bg-lvl-2:after,.db-violet-bg-lvl-2:before,.db-violet-bg-lvl-3:after,.db-violet-bg-lvl-3:before,.db-violet-bg-transparent-full:after,.db-violet-bg-transparent-full:before,.db-violet-bg-transparent-semi:after,.db-violet-bg-transparent-semi:before,.db-violet-contrast-high-interactive:after,.db-violet-contrast-high-interactive:before,.db-violet-contrast-high:after,.db-violet-contrast-high:before,.db-violet-contrast-low-interactive:after,.db-violet-contrast-low-interactive:before,.db-violet-contrast-low:after,.db-violet-contrast-low:before,.db-warning-bg-lvl-1:after,.db-warning-bg-lvl-1:before,.db-warning-bg-lvl-2:after,.db-warning-bg-lvl-2:before,.db-warning-bg-lvl-3:after,.db-warning-bg-lvl-3:before,.db-warning-bg-transparent-full:after,.db-warning-bg-transparent-full:before,.db-warning-bg-transparent-semi:after,.db-warning-bg-transparent-semi:before,.db-warning-contrast-high-interactive:after,.db-warning-contrast-high-interactive:before,.db-warning-contrast-high:after,.db-warning-contrast-high:before,.db-warning-contrast-low-interactive:after,.db-warning-contrast-low-interactive:before,.db-warning-contrast-low:after,.db-warning-contrast-low:before,.db-yellow-bg-lvl-1:after,.db-yellow-bg-lvl-1:before,.db-yellow-bg-lvl-2:after,.db-yellow-bg-lvl-2:before,.db-yellow-bg-lvl-3:after,.db-yellow-bg-lvl-3:before,.db-yellow-bg-transparent-full:after,.db-yellow-bg-transparent-full:before,.db-yellow-bg-transparent-semi:after,.db-yellow-bg-transparent-semi:before,.db-yellow-contrast-high-interactive:after,.db-yellow-contrast-high-interactive:before,.db-yellow-contrast-high:after,.db-yellow-contrast-high:before,.db-yellow-contrast-low-interactive:after,.db-yellow-contrast-low-interactive:before,.db-yellow-contrast-low:after,.db-yellow-contrast-low:before,[data-color=blue-bg-lvl-1]:after,[data-color=blue-bg-lvl-1]:before,[data-color=blue-bg-lvl-2]:after,[data-color=blue-bg-lvl-2]:before,[data-color=blue-bg-lvl-3]:after,[data-color=blue-bg-lvl-3]:before,[data-color=blue-bg-transparent-full]:after,[data-color=blue-bg-transparent-full]:before,[data-color=blue-bg-transparent-semi]:after,[data-color=blue-bg-transparent-semi]:before,[data-color=blue-contrast-high-interactive]:after,[data-color=blue-contrast-high-interactive]:before,[data-color=blue-contrast-high]:after,[data-color=blue-contrast-high]:before,[data-color=blue-contrast-low-interactive]:after,[data-color=blue-contrast-low-interactive]:before,[data-color=blue-contrast-low]:after,[data-color=blue-contrast-low]:before,[data-color=brand-bg-lvl-1]:after,[data-color=brand-bg-lvl-1]:before,[data-color=brand-bg-lvl-2]:after,[data-color=brand-bg-lvl-2]:before,[data-color=brand-bg-lvl-3]:after,[data-color=brand-bg-lvl-3]:before,[data-color=brand-bg-transparent-full]:after,[data-color=brand-bg-transparent-full]:before,[data-color=brand-bg-transparent-semi]:after,[data-color=brand-bg-transparent-semi]:before,[data-color=brand-contrast-high-interactive]:after,[data-color=brand-contrast-high-interactive]:before,[data-color=brand-contrast-high]:after,[data-color=brand-contrast-high]:before,[data-color=brand-contrast-low-interactive]:after,[data-color=brand-contrast-low-interactive]:before,[data-color=brand-contrast-low]:after,[data-color=brand-contrast-low]:before,[data-color=critical-bg-lvl-1]:after,[data-color=critical-bg-lvl-1]:before,[data-color=critical-bg-lvl-2]:after,[data-color=critical-bg-lvl-2]:before,[data-color=critical-bg-lvl-3]:after,[data-color=critical-bg-lvl-3]:before,[data-color=critical-bg-transparent-full]:after,[data-color=critical-bg-transparent-full]:before,[data-color=critical-bg-transparent-semi]:after,[data-color=critical-bg-transparent-semi]:before,[data-color=critical-contrast-high-interactive]:after,[data-color=critical-contrast-high-interactive]:before,[data-color=critical-contrast-high]:after,[data-color=critical-contrast-high]:before,[data-color=critical-contrast-low-interactive]:after,[data-color=critical-contrast-low-interactive]:before,[data-color=critical-contrast-low]:after,[data-color=critical-contrast-low]:before,[data-color=cyan-bg-lvl-1]:after,[data-color=cyan-bg-lvl-1]:before,[data-color=cyan-bg-lvl-2]:after,[data-color=cyan-bg-lvl-2]:before,[data-color=cyan-bg-lvl-3]:after,[data-color=cyan-bg-lvl-3]:before,[data-color=cyan-bg-transparent-full]:after,[data-color=cyan-bg-transparent-full]:before,[data-color=cyan-bg-transparent-semi]:after,[data-color=cyan-bg-transparent-semi]:before,[data-color=cyan-contrast-high-interactive]:after,[data-color=cyan-contrast-high-interactive]:before,[data-color=cyan-contrast-high]:after,[data-color=cyan-contrast-high]:before,[data-color=cyan-contrast-low-interactive]:after,[data-color=cyan-contrast-low-interactive]:before,[data-color=cyan-contrast-low]:after,[data-color=cyan-contrast-low]:before,[data-color=green-bg-lvl-1]:after,[data-color=green-bg-lvl-1]:before,[data-color=green-bg-lvl-2]:after,[data-color=green-bg-lvl-2]:before,[data-color=green-bg-lvl-3]:after,[data-color=green-bg-lvl-3]:before,[data-color=green-bg-transparent-full]:after,[data-color=green-bg-transparent-full]:before,[data-color=green-bg-transparent-semi]:after,[data-color=green-bg-transparent-semi]:before,[data-color=green-contrast-high-interactive]:after,[data-color=green-contrast-high-interactive]:before,[data-color=green-contrast-high]:after,[data-color=green-contrast-high]:before,[data-color=green-contrast-low-interactive]:after,[data-color=green-contrast-low-interactive]:before,[data-color=green-contrast-low]:after,[data-color=green-contrast-low]:before,[data-color=informational-bg-lvl-1]:after,[data-color=informational-bg-lvl-1]:before,[data-color=informational-bg-lvl-2]:after,[data-color=informational-bg-lvl-2]:before,[data-color=informational-bg-lvl-3]:after,[data-color=informational-bg-lvl-3]:before,[data-color=informational-bg-transparent-full]:after,[data-color=informational-bg-transparent-full]:before,[data-color=informational-bg-transparent-semi]:after,[data-color=informational-bg-transparent-semi]:before,[data-color=informational-contrast-high-interactive]:after,[data-color=informational-contrast-high-interactive]:before,[data-color=informational-contrast-high]:after,[data-color=informational-contrast-high]:before,[data-color=informational-contrast-low-interactive]:after,[data-color=informational-contrast-low-interactive]:before,[data-color=informational-contrast-low]:after,[data-color=informational-contrast-low]:before,[data-color=neutral-bg-lvl-1]:after,[data-color=neutral-bg-lvl-1]:before,[data-color=neutral-bg-lvl-2]:after,[data-color=neutral-bg-lvl-2]:before,[data-color=neutral-bg-lvl-3]:after,[data-color=neutral-bg-lvl-3]:before,[data-color=neutral-bg-transparent-full]:after,[data-color=neutral-bg-transparent-full]:before,[data-color=neutral-bg-transparent-semi]:after,[data-color=neutral-bg-transparent-semi]:before,[data-color=neutral-contrast-high-interactive]:after,[data-color=neutral-contrast-high-interactive]:before,[data-color=neutral-contrast-high]:after,[data-color=neutral-contrast-high]:before,[data-color=neutral-contrast-low-interactive]:after,[data-color=neutral-contrast-low-interactive]:before,[data-color=neutral-contrast-low]:after,[data-color=neutral-contrast-low]:before,[data-color=orange-bg-lvl-1]:after,[data-color=orange-bg-lvl-1]:before,[data-color=orange-bg-lvl-2]:after,[data-color=orange-bg-lvl-2]:before,[data-color=orange-bg-lvl-3]:after,[data-color=orange-bg-lvl-3]:before,[data-color=orange-bg-transparent-full]:after,[data-color=orange-bg-transparent-full]:before,[data-color=orange-bg-transparent-semi]:after,[data-color=orange-bg-transparent-semi]:before,[data-color=orange-contrast-high-interactive]:after,[data-color=orange-contrast-high-interactive]:before,[data-color=orange-contrast-high]:after,[data-color=orange-contrast-high]:before,[data-color=orange-contrast-low-interactive]:after,[data-color=orange-contrast-low-interactive]:before,[data-color=orange-contrast-low]:after,[data-color=orange-contrast-low]:before,[data-color=pink-bg-lvl-1]:after,[data-color=pink-bg-lvl-1]:before,[data-color=pink-bg-lvl-2]:after,[data-color=pink-bg-lvl-2]:before,[data-color=pink-bg-lvl-3]:after,[data-color=pink-bg-lvl-3]:before,[data-color=pink-bg-transparent-full]:after,[data-color=pink-bg-transparent-full]:before,[data-color=pink-bg-transparent-semi]:after,[data-color=pink-bg-transparent-semi]:before,[data-color=pink-contrast-high-interactive]:after,[data-color=pink-contrast-high-interactive]:before,[data-color=pink-contrast-high]:after,[data-color=pink-contrast-high]:before,[data-color=pink-contrast-low-interactive]:after,[data-color=pink-contrast-low-interactive]:before,[data-color=pink-contrast-low]:after,[data-color=pink-contrast-low]:before,[data-color=red-bg-lvl-1]:after,[data-color=red-bg-lvl-1]:before,[data-color=red-bg-lvl-2]:after,[data-color=red-bg-lvl-2]:before,[data-color=red-bg-lvl-3]:after,[data-color=red-bg-lvl-3]:before,[data-color=red-bg-transparent-full]:after,[data-color=red-bg-transparent-full]:before,[data-color=red-bg-transparent-semi]:after,[data-color=red-bg-transparent-semi]:before,[data-color=red-contrast-high-interactive]:after,[data-color=red-contrast-high-interactive]:before,[data-color=red-contrast-high]:after,[data-color=red-contrast-high]:before,[data-color=red-contrast-low-interactive]:after,[data-color=red-contrast-low-interactive]:before,[data-color=red-contrast-low]:after,[data-color=red-contrast-low]:before,[data-color=successful-bg-lvl-1]:after,[data-color=successful-bg-lvl-1]:before,[data-color=successful-bg-lvl-2]:after,[data-color=successful-bg-lvl-2]:before,[data-color=successful-bg-lvl-3]:after,[data-color=successful-bg-lvl-3]:before,[data-color=successful-bg-transparent-full]:after,[data-color=successful-bg-transparent-full]:before,[data-color=successful-bg-transparent-semi]:after,[data-color=successful-bg-transparent-semi]:before,[data-color=successful-contrast-high-interactive]:after,[data-color=successful-contrast-high-interactive]:before,[data-color=successful-contrast-high]:after,[data-color=successful-contrast-high]:before,[data-color=successful-contrast-low-interactive]:after,[data-color=successful-contrast-low-interactive]:before,[data-color=successful-contrast-low]:after,[data-color=successful-contrast-low]:before,[data-color=turquoise-bg-lvl-1]:after,[data-color=turquoise-bg-lvl-1]:before,[data-color=turquoise-bg-lvl-2]:after,[data-color=turquoise-bg-lvl-2]:before,[data-color=turquoise-bg-lvl-3]:after,[data-color=turquoise-bg-lvl-3]:before,[data-color=turquoise-bg-transparent-full]:after,[data-color=turquoise-bg-transparent-full]:before,[data-color=turquoise-bg-transparent-semi]:after,[data-color=turquoise-bg-transparent-semi]:before,[data-color=turquoise-contrast-high-interactive]:after,[data-color=turquoise-contrast-high-interactive]:before,[data-color=turquoise-contrast-high]:after,[data-color=turquoise-contrast-high]:before,[data-color=turquoise-contrast-low-interactive]:after,[data-color=turquoise-contrast-low-interactive]:before,[data-color=turquoise-contrast-low]:after,[data-color=turquoise-contrast-low]:before,[data-color=violet-bg-lvl-1]:after,[data-color=violet-bg-lvl-1]:before,[data-color=violet-bg-lvl-2]:after,[data-color=violet-bg-lvl-2]:before,[data-color=violet-bg-lvl-3]:after,[data-color=violet-bg-lvl-3]:before,[data-color=violet-bg-transparent-full]:after,[data-color=violet-bg-transparent-full]:before,[data-color=violet-bg-transparent-semi]:after,[data-color=violet-bg-transparent-semi]:before,[data-color=violet-contrast-high-interactive]:after,[data-color=violet-contrast-high-interactive]:before,[data-color=violet-contrast-high]:after,[data-color=violet-contrast-high]:before,[data-color=violet-contrast-low-interactive]:after,[data-color=violet-contrast-low-interactive]:before,[data-color=violet-contrast-low]:after,[data-color=violet-contrast-low]:before,[data-color=warning-bg-lvl-1]:after,[data-color=warning-bg-lvl-1]:before,[data-color=warning-bg-lvl-2]:after,[data-color=warning-bg-lvl-2]:before,[data-color=warning-bg-lvl-3]:after,[data-color=warning-bg-lvl-3]:before,[data-color=warning-bg-transparent-full]:after,[data-color=warning-bg-transparent-full]:before,[data-color=warning-bg-transparent-semi]:after,[data-color=warning-bg-transparent-semi]:before,[data-color=warning-contrast-high-interactive]:after,[data-color=warning-contrast-high-interactive]:before,[data-color=warning-contrast-high]:after,[data-color=warning-contrast-high]:before,[data-color=warning-contrast-low-interactive]:after,[data-color=warning-contrast-low-interactive]:before,[data-color=warning-contrast-low]:after,[data-color=warning-contrast-low]:before,[data-color=yellow-bg-lvl-1]:after,[data-color=yellow-bg-lvl-1]:before,[data-color=yellow-bg-lvl-2]:after,[data-color=yellow-bg-lvl-2]:before,[data-color=yellow-bg-lvl-3]:after,[data-color=yellow-bg-lvl-3]:before,[data-color=yellow-bg-transparent-full]:after,[data-color=yellow-bg-transparent-full]:before,[data-color=yellow-bg-transparent-semi]:after,[data-color=yellow-bg-transparent-semi]:before,[data-color=yellow-contrast-high-interactive]:after,[data-color=yellow-contrast-high-interactive]:before,[data-color=yellow-contrast-high]:after,[data-color=yellow-contrast-high]:before,[data-color=yellow-contrast-low-interactive]:after,[data-color=yellow-contrast-low-interactive]:before,[data-color=yellow-contrast-low]:after,[data-color=yellow-contrast-low]:before{color:var(--db-current-icon-color,inherit)}.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,[data-color=neutral-contrast-high-interactive],[data-color=neutral-contrast-high]{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-high-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var( --db-neutral-contrast-high-enabled )}.db-neutral-contrast-high-interactive:hover,[data-color=neutral-contrast-high-interactive]:hover{background:var(--db-neutral-contrast-high-hover)}.db-neutral-contrast-high-interactive:active,[data-color=neutral-contrast-high-interactive]:active{background:var(--db-neutral-contrast-high-pressed)}.db-neutral-contrast-low,.db-neutral-contrast-low-interactive,[data-color=neutral-contrast-low-interactive],[data-color=neutral-contrast-low]{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-low-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-low-pressed );--db-current-color-border:var( --db-neutral-contrast-low-enabled )}.db-neutral-contrast-low-interactive:hover,[data-color=neutral-contrast-low-interactive]:hover{background:var(--db-neutral-contrast-low-hover)}.db-neutral-contrast-low-interactive:active,[data-color=neutral-contrast-low-interactive]:active{background:var(--db-neutral-contrast-low-pressed)}.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,[data-color=neutral-bg-lvl-1],[data-color=neutral-bg-lvl-2],[data-color=neutral-bg-lvl-3],[data-color=neutral-bg-transparent-full],[data-color=neutral-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-neutral-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-neutral-on-bg-weak-pressed )}[data-emphasis=weak].db-neutral-bg-lvl-1,[data-emphasis=weak].db-neutral-bg-lvl-2,[data-emphasis=weak].db-neutral-bg-lvl-3,[data-emphasis=weak].db-neutral-bg-transparent-full,[data-emphasis=weak].db-neutral-bg-transparent-semi,[data-emphasis=weak][data-color=neutral-bg-lvl-1],[data-emphasis=weak][data-color=neutral-bg-lvl-2],[data-emphasis=weak][data-color=neutral-bg-lvl-3],[data-emphasis=weak][data-color=neutral-bg-transparent-full],[data-emphasis=weak][data-color=neutral-bg-transparent-semi]{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-neutral-bg-lvl-1,[data-color=neutral-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-neutral-bg-lvl-2,[data-color=neutral-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-neutral-bg-lvl-3,[data-color=neutral-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-neutral-bg-transparent-full,[data-color=neutral-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-neutral-bg-transparent-semi,[data-color=neutral-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-brand-contrast-high,.db-brand-contrast-high-interactive,[data-color=brand-contrast-high-interactive],[data-color=brand-contrast-high]{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-bg-hover:var( --db-brand-contrast-high-hover );--db-current-color-bg-pressed:var( --db-brand-contrast-high-pressed );--db-current-color-border:var( --db-brand-contrast-high-enabled )}.db-brand-contrast-high-interactive:hover,[data-color=brand-contrast-high-interactive]:hover{background:var(--db-brand-contrast-high-hover)}.db-brand-contrast-high-interactive:active,[data-color=brand-contrast-high-interactive]:active{background:var(--db-brand-contrast-high-pressed)}.db-brand-contrast-low,.db-brand-contrast-low-interactive,[data-color=brand-contrast-low-interactive],[data-color=brand-contrast-low]{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-bg-hover:var( --db-brand-contrast-low-hover );--db-current-color-bg-pressed:var( --db-brand-contrast-low-pressed );--db-current-color-border:var( --db-brand-contrast-low-enabled )}.db-brand-contrast-low-interactive:hover,[data-color=brand-contrast-low-interactive]:hover{background:var(--db-brand-contrast-low-hover)}.db-brand-contrast-low-interactive:active,[data-color=brand-contrast-low-interactive]:active{background:var(--db-brand-contrast-low-pressed)}.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,[data-color=brand-bg-lvl-1],[data-color=brand-bg-lvl-2],[data-color=brand-bg-lvl-3],[data-color=brand-bg-transparent-full],[data-color=brand-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-brand-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-brand-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-brand-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-brand-bg-transparent-pressed );--db-current-color-enabled:var(--db-brand-on-bg-enabled);--db-current-color-icon:var(--db-brand-on-bg-enabled);--db-current-color-hover:var(--db-brand-on-bg-hover);--db-current-color-pressed:var(--db-brand-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-brand-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-brand-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-brand-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-border:var(--db-brand-border);--db-current-color-bg-lvl-1-hover:var(--db-brand-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-brand-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-brand-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-brand-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-brand-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-brand-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-brand-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-brand-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-brand-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-brand-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-brand-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-brand-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-brand-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-brand-on-bg-weak-pressed )}[data-emphasis=weak].db-brand-bg-lvl-1,[data-emphasis=weak].db-brand-bg-lvl-2,[data-emphasis=weak].db-brand-bg-lvl-3,[data-emphasis=weak].db-brand-bg-transparent-full,[data-emphasis=weak].db-brand-bg-transparent-semi,[data-emphasis=weak][data-color=brand-bg-lvl-1],[data-emphasis=weak][data-color=brand-bg-lvl-2],[data-emphasis=weak][data-color=brand-bg-lvl-3],[data-emphasis=weak][data-color=brand-bg-transparent-full],[data-emphasis=weak][data-color=brand-bg-transparent-semi]{--db-current-color-enabled:var( --db-brand-on-bg-weak-enabled );--db-current-color-hover:var( --db-brand-on-bg-weak-hover );--db-current-color-pressed:var( --db-brand-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-brand-bg-lvl-1,[data-color=brand-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-brand-bg-lvl-2,[data-color=brand-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-brand-bg-lvl-3,[data-color=brand-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-brand-bg-transparent-full,[data-color=brand-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-brand-bg-transparent-semi,[data-color=brand-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-critical-contrast-high,.db-critical-contrast-high-interactive,[data-color=critical-contrast-high-interactive],[data-color=critical-contrast-high]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-high-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var( --db-critical-contrast-high-enabled )}.db-critical-contrast-high-interactive:hover,[data-color=critical-contrast-high-interactive]:hover{background:var(--db-critical-contrast-high-hover)}.db-critical-contrast-high-interactive:active,[data-color=critical-contrast-high-interactive]:active{background:var(--db-critical-contrast-high-pressed)}.db-critical-contrast-low,.db-critical-contrast-low-interactive,[data-color=critical-contrast-low-interactive],[data-color=critical-contrast-low]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-low-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-low-pressed );--db-current-color-border:var( --db-critical-contrast-low-enabled )}.db-critical-contrast-low-interactive:hover,[data-color=critical-contrast-low-interactive]:hover{background:var(--db-critical-contrast-low-hover)}.db-critical-contrast-low-interactive:active,[data-color=critical-contrast-low-interactive]:active{background:var(--db-critical-contrast-low-pressed)}.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,[data-color=critical-bg-lvl-1],[data-color=critical-bg-lvl-2],[data-color=critical-bg-lvl-3],[data-color=critical-bg-transparent-full],[data-color=critical-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-critical-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-critical-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-critical-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-critical-on-bg-weak-pressed )}[data-emphasis=weak].db-critical-bg-lvl-1,[data-emphasis=weak].db-critical-bg-lvl-2,[data-emphasis=weak].db-critical-bg-lvl-3,[data-emphasis=weak].db-critical-bg-transparent-full,[data-emphasis=weak].db-critical-bg-transparent-semi,[data-emphasis=weak][data-color=critical-bg-lvl-1],[data-emphasis=weak][data-color=critical-bg-lvl-2],[data-emphasis=weak][data-color=critical-bg-lvl-3],[data-emphasis=weak][data-color=critical-bg-transparent-full],[data-emphasis=weak][data-color=critical-bg-transparent-semi]{--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-critical-bg-lvl-1,[data-color=critical-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-critical-bg-lvl-2,[data-color=critical-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-critical-bg-lvl-3,[data-color=critical-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-critical-bg-transparent-full,[data-color=critical-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-critical-bg-transparent-semi,[data-color=critical-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-successful-contrast-high,.db-successful-contrast-high-interactive,[data-color=successful-contrast-high-interactive],[data-color=successful-contrast-high]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-high-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var( --db-successful-contrast-high-enabled )}.db-successful-contrast-high-interactive:hover,[data-color=successful-contrast-high-interactive]:hover{background:var(--db-successful-contrast-high-hover)}.db-successful-contrast-high-interactive:active,[data-color=successful-contrast-high-interactive]:active{background:var(--db-successful-contrast-high-pressed)}.db-successful-contrast-low,.db-successful-contrast-low-interactive,[data-color=successful-contrast-low-interactive],[data-color=successful-contrast-low]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-low-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-low-pressed );--db-current-color-border:var( --db-successful-contrast-low-enabled )}.db-successful-contrast-low-interactive:hover,[data-color=successful-contrast-low-interactive]:hover{background:var(--db-successful-contrast-low-hover)}.db-successful-contrast-low-interactive:active,[data-color=successful-contrast-low-interactive]:active{background:var(--db-successful-contrast-low-pressed)}.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,[data-color=successful-bg-lvl-1],[data-color=successful-bg-lvl-2],[data-color=successful-bg-lvl-3],[data-color=successful-bg-transparent-full],[data-color=successful-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-successful-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-successful-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-successful-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-successful-on-bg-weak-pressed )}[data-emphasis=weak].db-successful-bg-lvl-1,[data-emphasis=weak].db-successful-bg-lvl-2,[data-emphasis=weak].db-successful-bg-lvl-3,[data-emphasis=weak].db-successful-bg-transparent-full,[data-emphasis=weak].db-successful-bg-transparent-semi,[data-emphasis=weak][data-color=successful-bg-lvl-1],[data-emphasis=weak][data-color=successful-bg-lvl-2],[data-emphasis=weak][data-color=successful-bg-lvl-3],[data-emphasis=weak][data-color=successful-bg-transparent-full],[data-emphasis=weak][data-color=successful-bg-transparent-semi]{--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-successful-bg-lvl-1,[data-color=successful-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-successful-bg-lvl-2,[data-color=successful-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-successful-bg-lvl-3,[data-color=successful-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-successful-bg-transparent-full,[data-color=successful-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-successful-bg-transparent-semi,[data-color=successful-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-warning-contrast-high,.db-warning-contrast-high-interactive,[data-color=warning-contrast-high-interactive],[data-color=warning-contrast-high]{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-high-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var( --db-warning-contrast-high-enabled )}.db-warning-contrast-high-interactive:hover,[data-color=warning-contrast-high-interactive]:hover{background:var(--db-warning-contrast-high-hover)}.db-warning-contrast-high-interactive:active,[data-color=warning-contrast-high-interactive]:active{background:var(--db-warning-contrast-high-pressed)}.db-warning-contrast-low,.db-warning-contrast-low-interactive,[data-color=warning-contrast-low-interactive],[data-color=warning-contrast-low]{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-low-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-low-pressed );--db-current-color-border:var( --db-warning-contrast-low-enabled )}.db-warning-contrast-low-interactive:hover,[data-color=warning-contrast-low-interactive]:hover{background:var(--db-warning-contrast-low-hover)}.db-warning-contrast-low-interactive:active,[data-color=warning-contrast-low-interactive]:active{background:var(--db-warning-contrast-low-pressed)}.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,[data-color=warning-bg-lvl-1],[data-color=warning-bg-lvl-2],[data-color=warning-bg-lvl-3],[data-color=warning-bg-transparent-full],[data-color=warning-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-warning-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-warning-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-warning-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-warning-on-bg-weak-pressed )}[data-emphasis=weak].db-warning-bg-lvl-1,[data-emphasis=weak].db-warning-bg-lvl-2,[data-emphasis=weak].db-warning-bg-lvl-3,[data-emphasis=weak].db-warning-bg-transparent-full,[data-emphasis=weak].db-warning-bg-transparent-semi,[data-emphasis=weak][data-color=warning-bg-lvl-1],[data-emphasis=weak][data-color=warning-bg-lvl-2],[data-emphasis=weak][data-color=warning-bg-lvl-3],[data-emphasis=weak][data-color=warning-bg-transparent-full],[data-emphasis=weak][data-color=warning-bg-transparent-semi]{--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-warning-bg-lvl-1,[data-color=warning-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-warning-bg-lvl-2,[data-color=warning-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-warning-bg-lvl-3,[data-color=warning-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-warning-bg-transparent-full,[data-color=warning-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-warning-bg-transparent-semi,[data-color=warning-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-informational-contrast-high,.db-informational-contrast-high-interactive,[data-color=informational-contrast-high-interactive],[data-color=informational-contrast-high]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-high-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var( --db-informational-contrast-high-enabled )}.db-informational-contrast-high-interactive:hover,[data-color=informational-contrast-high-interactive]:hover{background:var(--db-informational-contrast-high-hover)}.db-informational-contrast-high-interactive:active,[data-color=informational-contrast-high-interactive]:active{background:var(--db-informational-contrast-high-pressed)}.db-informational-contrast-low,.db-informational-contrast-low-interactive,[data-color=informational-contrast-low-interactive],[data-color=informational-contrast-low]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-low-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-low-pressed );--db-current-color-border:var( --db-informational-contrast-low-enabled )}.db-informational-contrast-low-interactive:hover,[data-color=informational-contrast-low-interactive]:hover{background:var(--db-informational-contrast-low-hover)}.db-informational-contrast-low-interactive:active,[data-color=informational-contrast-low-interactive]:active{background:var(--db-informational-contrast-low-pressed)}.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,[data-color=informational-bg-lvl-1],[data-color=informational-bg-lvl-2],[data-color=informational-bg-lvl-3],[data-color=informational-bg-transparent-full],[data-color=informational-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-informational-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-informational-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-informational-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-informational-on-bg-weak-pressed )}[data-emphasis=weak].db-informational-bg-lvl-1,[data-emphasis=weak].db-informational-bg-lvl-2,[data-emphasis=weak].db-informational-bg-lvl-3,[data-emphasis=weak].db-informational-bg-transparent-full,[data-emphasis=weak].db-informational-bg-transparent-semi,[data-emphasis=weak][data-color=informational-bg-lvl-1],[data-emphasis=weak][data-color=informational-bg-lvl-2],[data-emphasis=weak][data-color=informational-bg-lvl-3],[data-emphasis=weak][data-color=informational-bg-transparent-full],[data-emphasis=weak][data-color=informational-bg-transparent-semi]{--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-informational-bg-lvl-1,[data-color=informational-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-informational-bg-lvl-2,[data-color=informational-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-informational-bg-lvl-3,[data-color=informational-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-informational-bg-transparent-full,[data-color=informational-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-informational-bg-transparent-semi,[data-color=informational-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-yellow-contrast-high,.db-yellow-contrast-high-interactive,[data-color=yellow-contrast-high-interactive],[data-color=yellow-contrast-high]{--db-current-icon-color:var(--db-yellow-on-contrast-enabled);--db-current-color-enabled:var( --db-yellow-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-yellow-contrast-high-enabled );--db-current-color-bg-hover:var( --db-yellow-contrast-high-hover );--db-current-color-bg-pressed:var( --db-yellow-contrast-high-pressed );--db-current-color-border:var( --db-yellow-contrast-high-enabled )}.db-yellow-contrast-high-interactive:hover,[data-color=yellow-contrast-high-interactive]:hover{background:var(--db-yellow-contrast-high-hover)}.db-yellow-contrast-high-interactive:active,[data-color=yellow-contrast-high-interactive]:active{background:var(--db-yellow-contrast-high-pressed)}.db-yellow-contrast-low,.db-yellow-contrast-low-interactive,[data-color=yellow-contrast-low-interactive],[data-color=yellow-contrast-low]{--db-current-icon-color:var(--db-yellow-on-contrast-enabled);--db-current-color-enabled:var( --db-yellow-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-yellow-contrast-low-enabled );--db-current-color-bg-hover:var( --db-yellow-contrast-low-hover );--db-current-color-bg-pressed:var( --db-yellow-contrast-low-pressed );--db-current-color-border:var( --db-yellow-contrast-low-enabled )}.db-yellow-contrast-low-interactive:hover,[data-color=yellow-contrast-low-interactive]:hover{background:var(--db-yellow-contrast-low-hover)}.db-yellow-contrast-low-interactive:active,[data-color=yellow-contrast-low-interactive]:active{background:var(--db-yellow-contrast-low-pressed)}.db-yellow-bg-lvl-1,.db-yellow-bg-lvl-2,.db-yellow-bg-lvl-3,.db-yellow-bg-transparent-full,.db-yellow-bg-transparent-semi,[data-color=yellow-bg-lvl-1],[data-color=yellow-bg-lvl-2],[data-color=yellow-bg-lvl-3],[data-color=yellow-bg-transparent-full],[data-color=yellow-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-yellow-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-yellow-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-yellow-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-yellow-bg-transparent-pressed );--db-current-color-enabled:var(--db-yellow-on-bg-enabled);--db-current-color-icon:var(--db-yellow-on-bg-enabled);--db-current-color-hover:var(--db-yellow-on-bg-hover);--db-current-color-pressed:var(--db-yellow-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-yellow-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-yellow-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-yellow-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-yellow-contrast-low-enabled );--db-current-color-border:var(--db-yellow-border);--db-current-color-bg-lvl-1-hover:var(--db-yellow-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-yellow-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-yellow-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-yellow-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-yellow-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-yellow-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-yellow-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-yellow-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-yellow-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-yellow-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-yellow-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-yellow-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-yellow-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-yellow-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-yellow-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-yellow-on-bg-weak-pressed )}[data-emphasis=weak].db-yellow-bg-lvl-1,[data-emphasis=weak].db-yellow-bg-lvl-2,[data-emphasis=weak].db-yellow-bg-lvl-3,[data-emphasis=weak].db-yellow-bg-transparent-full,[data-emphasis=weak].db-yellow-bg-transparent-semi,[data-emphasis=weak][data-color=yellow-bg-lvl-1],[data-emphasis=weak][data-color=yellow-bg-lvl-2],[data-emphasis=weak][data-color=yellow-bg-lvl-3],[data-emphasis=weak][data-color=yellow-bg-transparent-full],[data-emphasis=weak][data-color=yellow-bg-transparent-semi]{--db-current-color-enabled:var( --db-yellow-on-bg-weak-enabled );--db-current-color-hover:var( --db-yellow-on-bg-weak-hover );--db-current-color-pressed:var( --db-yellow-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-yellow-bg-lvl-1,[data-color=yellow-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-yellow-bg-lvl-2,[data-color=yellow-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-yellow-bg-lvl-3,[data-color=yellow-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-yellow-bg-transparent-full,[data-color=yellow-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-yellow-bg-transparent-semi,[data-color=yellow-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-orange-contrast-high,.db-orange-contrast-high-interactive,[data-color=orange-contrast-high-interactive],[data-color=orange-contrast-high]{--db-current-icon-color:var(--db-orange-on-contrast-enabled);--db-current-color-enabled:var( --db-orange-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-orange-contrast-high-enabled );--db-current-color-bg-hover:var( --db-orange-contrast-high-hover );--db-current-color-bg-pressed:var( --db-orange-contrast-high-pressed );--db-current-color-border:var( --db-orange-contrast-high-enabled )}.db-orange-contrast-high-interactive:hover,[data-color=orange-contrast-high-interactive]:hover{background:var(--db-orange-contrast-high-hover)}.db-orange-contrast-high-interactive:active,[data-color=orange-contrast-high-interactive]:active{background:var(--db-orange-contrast-high-pressed)}.db-orange-contrast-low,.db-orange-contrast-low-interactive,[data-color=orange-contrast-low-interactive],[data-color=orange-contrast-low]{--db-current-icon-color:var(--db-orange-on-contrast-enabled);--db-current-color-enabled:var( --db-orange-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-orange-contrast-low-enabled );--db-current-color-bg-hover:var( --db-orange-contrast-low-hover );--db-current-color-bg-pressed:var( --db-orange-contrast-low-pressed );--db-current-color-border:var( --db-orange-contrast-low-enabled )}.db-orange-contrast-low-interactive:hover,[data-color=orange-contrast-low-interactive]:hover{background:var(--db-orange-contrast-low-hover)}.db-orange-contrast-low-interactive:active,[data-color=orange-contrast-low-interactive]:active{background:var(--db-orange-contrast-low-pressed)}.db-orange-bg-lvl-1,.db-orange-bg-lvl-2,.db-orange-bg-lvl-3,.db-orange-bg-transparent-full,.db-orange-bg-transparent-semi,[data-color=orange-bg-lvl-1],[data-color=orange-bg-lvl-2],[data-color=orange-bg-lvl-3],[data-color=orange-bg-transparent-full],[data-color=orange-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-orange-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-orange-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-orange-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-orange-bg-transparent-pressed );--db-current-color-enabled:var(--db-orange-on-bg-enabled);--db-current-color-icon:var(--db-orange-on-bg-enabled);--db-current-color-hover:var(--db-orange-on-bg-hover);--db-current-color-pressed:var(--db-orange-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-orange-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-orange-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-orange-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-orange-contrast-low-enabled );--db-current-color-border:var(--db-orange-border);--db-current-color-bg-lvl-1-hover:var(--db-orange-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-orange-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-orange-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-orange-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-orange-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-orange-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-orange-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-orange-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-orange-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-orange-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-orange-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-orange-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-orange-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-orange-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-orange-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-orange-on-bg-weak-pressed )}[data-emphasis=weak].db-orange-bg-lvl-1,[data-emphasis=weak].db-orange-bg-lvl-2,[data-emphasis=weak].db-orange-bg-lvl-3,[data-emphasis=weak].db-orange-bg-transparent-full,[data-emphasis=weak].db-orange-bg-transparent-semi,[data-emphasis=weak][data-color=orange-bg-lvl-1],[data-emphasis=weak][data-color=orange-bg-lvl-2],[data-emphasis=weak][data-color=orange-bg-lvl-3],[data-emphasis=weak][data-color=orange-bg-transparent-full],[data-emphasis=weak][data-color=orange-bg-transparent-semi]{--db-current-color-enabled:var( --db-orange-on-bg-weak-enabled );--db-current-color-hover:var( --db-orange-on-bg-weak-hover );--db-current-color-pressed:var( --db-orange-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-orange-bg-lvl-1,[data-color=orange-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-orange-bg-lvl-2,[data-color=orange-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-orange-bg-lvl-3,[data-color=orange-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-orange-bg-transparent-full,[data-color=orange-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-orange-bg-transparent-semi,[data-color=orange-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-red-contrast-high,.db-red-contrast-high-interactive,[data-color=red-contrast-high-interactive],[data-color=red-contrast-high]{--db-current-icon-color:var(--db-red-on-contrast-enabled);--db-current-color-enabled:var( --db-red-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-red-contrast-high-enabled );--db-current-color-bg-hover:var( --db-red-contrast-high-hover );--db-current-color-bg-pressed:var( --db-red-contrast-high-pressed );--db-current-color-border:var( --db-red-contrast-high-enabled )}.db-red-contrast-high-interactive:hover,[data-color=red-contrast-high-interactive]:hover{background:var(--db-red-contrast-high-hover)}.db-red-contrast-high-interactive:active,[data-color=red-contrast-high-interactive]:active{background:var(--db-red-contrast-high-pressed)}.db-red-contrast-low,.db-red-contrast-low-interactive,[data-color=red-contrast-low-interactive],[data-color=red-contrast-low]{--db-current-icon-color:var(--db-red-on-contrast-enabled);--db-current-color-enabled:var( --db-red-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-red-contrast-low-enabled );--db-current-color-bg-hover:var( --db-red-contrast-low-hover );--db-current-color-bg-pressed:var( --db-red-contrast-low-pressed );--db-current-color-border:var( --db-red-contrast-low-enabled )}.db-red-contrast-low-interactive:hover,[data-color=red-contrast-low-interactive]:hover{background:var(--db-red-contrast-low-hover)}.db-red-contrast-low-interactive:active,[data-color=red-contrast-low-interactive]:active{background:var(--db-red-contrast-low-pressed)}.db-red-bg-lvl-1,.db-red-bg-lvl-2,.db-red-bg-lvl-3,.db-red-bg-transparent-full,.db-red-bg-transparent-semi,[data-color=red-bg-lvl-1],[data-color=red-bg-lvl-2],[data-color=red-bg-lvl-3],[data-color=red-bg-transparent-full],[data-color=red-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-red-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-red-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-red-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-red-bg-transparent-pressed );--db-current-color-enabled:var(--db-red-on-bg-enabled);--db-current-color-icon:var(--db-red-on-bg-enabled);--db-current-color-hover:var(--db-red-on-bg-hover);--db-current-color-pressed:var(--db-red-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-red-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-red-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-red-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-red-contrast-low-enabled );--db-current-color-border:var(--db-red-border);--db-current-color-bg-lvl-1-hover:var(--db-red-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-red-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-red-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-red-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-red-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-red-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-red-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-red-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-red-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-red-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-red-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-red-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-red-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-red-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-red-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-red-on-bg-weak-pressed )}[data-emphasis=weak].db-red-bg-lvl-1,[data-emphasis=weak].db-red-bg-lvl-2,[data-emphasis=weak].db-red-bg-lvl-3,[data-emphasis=weak].db-red-bg-transparent-full,[data-emphasis=weak].db-red-bg-transparent-semi,[data-emphasis=weak][data-color=red-bg-lvl-1],[data-emphasis=weak][data-color=red-bg-lvl-2],[data-emphasis=weak][data-color=red-bg-lvl-3],[data-emphasis=weak][data-color=red-bg-transparent-full],[data-emphasis=weak][data-color=red-bg-transparent-semi]{--db-current-color-enabled:var( --db-red-on-bg-weak-enabled );--db-current-color-hover:var( --db-red-on-bg-weak-hover );--db-current-color-pressed:var( --db-red-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-red-bg-lvl-1,[data-color=red-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-red-bg-lvl-2,[data-color=red-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-red-bg-lvl-3,[data-color=red-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-red-bg-transparent-full,[data-color=red-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-red-bg-transparent-semi,[data-color=red-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-pink-contrast-high,.db-pink-contrast-high-interactive,[data-color=pink-contrast-high-interactive],[data-color=pink-contrast-high]{--db-current-icon-color:var(--db-pink-on-contrast-enabled);--db-current-color-enabled:var( --db-pink-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-pink-contrast-high-enabled );--db-current-color-bg-hover:var( --db-pink-contrast-high-hover );--db-current-color-bg-pressed:var( --db-pink-contrast-high-pressed );--db-current-color-border:var( --db-pink-contrast-high-enabled )}.db-pink-contrast-high-interactive:hover,[data-color=pink-contrast-high-interactive]:hover{background:var(--db-pink-contrast-high-hover)}.db-pink-contrast-high-interactive:active,[data-color=pink-contrast-high-interactive]:active{background:var(--db-pink-contrast-high-pressed)}.db-pink-contrast-low,.db-pink-contrast-low-interactive,[data-color=pink-contrast-low-interactive],[data-color=pink-contrast-low]{--db-current-icon-color:var(--db-pink-on-contrast-enabled);--db-current-color-enabled:var( --db-pink-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-pink-contrast-low-enabled );--db-current-color-bg-hover:var( --db-pink-contrast-low-hover );--db-current-color-bg-pressed:var( --db-pink-contrast-low-pressed );--db-current-color-border:var( --db-pink-contrast-low-enabled )}.db-pink-contrast-low-interactive:hover,[data-color=pink-contrast-low-interactive]:hover{background:var(--db-pink-contrast-low-hover)}.db-pink-contrast-low-interactive:active,[data-color=pink-contrast-low-interactive]:active{background:var(--db-pink-contrast-low-pressed)}.db-pink-bg-lvl-1,.db-pink-bg-lvl-2,.db-pink-bg-lvl-3,.db-pink-bg-transparent-full,.db-pink-bg-transparent-semi,[data-color=pink-bg-lvl-1],[data-color=pink-bg-lvl-2],[data-color=pink-bg-lvl-3],[data-color=pink-bg-transparent-full],[data-color=pink-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-pink-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-pink-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-pink-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-pink-bg-transparent-pressed );--db-current-color-enabled:var(--db-pink-on-bg-enabled);--db-current-color-icon:var(--db-pink-on-bg-enabled);--db-current-color-hover:var(--db-pink-on-bg-hover);--db-current-color-pressed:var(--db-pink-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-pink-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-pink-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-pink-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-pink-contrast-low-enabled );--db-current-color-border:var(--db-pink-border);--db-current-color-bg-lvl-1-hover:var(--db-pink-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-pink-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-pink-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-pink-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-pink-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-pink-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-pink-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-pink-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-pink-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-pink-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-pink-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-pink-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-pink-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-pink-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-pink-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-pink-on-bg-weak-pressed )}[data-emphasis=weak].db-pink-bg-lvl-1,[data-emphasis=weak].db-pink-bg-lvl-2,[data-emphasis=weak].db-pink-bg-lvl-3,[data-emphasis=weak].db-pink-bg-transparent-full,[data-emphasis=weak].db-pink-bg-transparent-semi,[data-emphasis=weak][data-color=pink-bg-lvl-1],[data-emphasis=weak][data-color=pink-bg-lvl-2],[data-emphasis=weak][data-color=pink-bg-lvl-3],[data-emphasis=weak][data-color=pink-bg-transparent-full],[data-emphasis=weak][data-color=pink-bg-transparent-semi]{--db-current-color-enabled:var( --db-pink-on-bg-weak-enabled );--db-current-color-hover:var( --db-pink-on-bg-weak-hover );--db-current-color-pressed:var( --db-pink-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-pink-bg-lvl-1,[data-color=pink-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-pink-bg-lvl-2,[data-color=pink-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-pink-bg-lvl-3,[data-color=pink-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-pink-bg-transparent-full,[data-color=pink-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-pink-bg-transparent-semi,[data-color=pink-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-violet-contrast-high,.db-violet-contrast-high-interactive,[data-color=violet-contrast-high-interactive],[data-color=violet-contrast-high]{--db-current-icon-color:var(--db-violet-on-contrast-enabled);--db-current-color-enabled:var( --db-violet-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-violet-contrast-high-enabled );--db-current-color-bg-hover:var( --db-violet-contrast-high-hover );--db-current-color-bg-pressed:var( --db-violet-contrast-high-pressed );--db-current-color-border:var( --db-violet-contrast-high-enabled )}.db-violet-contrast-high-interactive:hover,[data-color=violet-contrast-high-interactive]:hover{background:var(--db-violet-contrast-high-hover)}.db-violet-contrast-high-interactive:active,[data-color=violet-contrast-high-interactive]:active{background:var(--db-violet-contrast-high-pressed)}.db-violet-contrast-low,.db-violet-contrast-low-interactive,[data-color=violet-contrast-low-interactive],[data-color=violet-contrast-low]{--db-current-icon-color:var(--db-violet-on-contrast-enabled);--db-current-color-enabled:var( --db-violet-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-violet-contrast-low-enabled );--db-current-color-bg-hover:var( --db-violet-contrast-low-hover );--db-current-color-bg-pressed:var( --db-violet-contrast-low-pressed );--db-current-color-border:var( --db-violet-contrast-low-enabled )}.db-violet-contrast-low-interactive:hover,[data-color=violet-contrast-low-interactive]:hover{background:var(--db-violet-contrast-low-hover)}.db-violet-contrast-low-interactive:active,[data-color=violet-contrast-low-interactive]:active{background:var(--db-violet-contrast-low-pressed)}.db-violet-bg-lvl-1,.db-violet-bg-lvl-2,.db-violet-bg-lvl-3,.db-violet-bg-transparent-full,.db-violet-bg-transparent-semi,[data-color=violet-bg-lvl-1],[data-color=violet-bg-lvl-2],[data-color=violet-bg-lvl-3],[data-color=violet-bg-transparent-full],[data-color=violet-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-violet-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-violet-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-violet-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-violet-bg-transparent-pressed );--db-current-color-enabled:var(--db-violet-on-bg-enabled);--db-current-color-icon:var(--db-violet-on-bg-enabled);--db-current-color-hover:var(--db-violet-on-bg-hover);--db-current-color-pressed:var(--db-violet-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-violet-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-violet-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-violet-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-violet-contrast-low-enabled );--db-current-color-border:var(--db-violet-border);--db-current-color-bg-lvl-1-hover:var(--db-violet-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-violet-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-violet-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-violet-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-violet-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-violet-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-violet-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-violet-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-violet-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-violet-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-violet-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-violet-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-violet-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-violet-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-violet-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-violet-on-bg-weak-pressed )}[data-emphasis=weak].db-violet-bg-lvl-1,[data-emphasis=weak].db-violet-bg-lvl-2,[data-emphasis=weak].db-violet-bg-lvl-3,[data-emphasis=weak].db-violet-bg-transparent-full,[data-emphasis=weak].db-violet-bg-transparent-semi,[data-emphasis=weak][data-color=violet-bg-lvl-1],[data-emphasis=weak][data-color=violet-bg-lvl-2],[data-emphasis=weak][data-color=violet-bg-lvl-3],[data-emphasis=weak][data-color=violet-bg-transparent-full],[data-emphasis=weak][data-color=violet-bg-transparent-semi]{--db-current-color-enabled:var( --db-violet-on-bg-weak-enabled );--db-current-color-hover:var( --db-violet-on-bg-weak-hover );--db-current-color-pressed:var( --db-violet-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-violet-bg-lvl-1,[data-color=violet-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-violet-bg-lvl-2,[data-color=violet-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-violet-bg-lvl-3,[data-color=violet-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-violet-bg-transparent-full,[data-color=violet-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-violet-bg-transparent-semi,[data-color=violet-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-blue-contrast-high,.db-blue-contrast-high-interactive,[data-color=blue-contrast-high-interactive],[data-color=blue-contrast-high]{--db-current-icon-color:var(--db-blue-on-contrast-enabled);--db-current-color-enabled:var( --db-blue-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-blue-contrast-high-enabled );--db-current-color-bg-hover:var( --db-blue-contrast-high-hover );--db-current-color-bg-pressed:var( --db-blue-contrast-high-pressed );--db-current-color-border:var( --db-blue-contrast-high-enabled )}.db-blue-contrast-high-interactive:hover,[data-color=blue-contrast-high-interactive]:hover{background:var(--db-blue-contrast-high-hover)}.db-blue-contrast-high-interactive:active,[data-color=blue-contrast-high-interactive]:active{background:var(--db-blue-contrast-high-pressed)}.db-blue-contrast-low,.db-blue-contrast-low-interactive,[data-color=blue-contrast-low-interactive],[data-color=blue-contrast-low]{--db-current-icon-color:var(--db-blue-on-contrast-enabled);--db-current-color-enabled:var( --db-blue-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-blue-contrast-low-enabled );--db-current-color-bg-hover:var( --db-blue-contrast-low-hover );--db-current-color-bg-pressed:var( --db-blue-contrast-low-pressed );--db-current-color-border:var( --db-blue-contrast-low-enabled )}.db-blue-contrast-low-interactive:hover,[data-color=blue-contrast-low-interactive]:hover{background:var(--db-blue-contrast-low-hover)}.db-blue-contrast-low-interactive:active,[data-color=blue-contrast-low-interactive]:active{background:var(--db-blue-contrast-low-pressed)}.db-blue-bg-lvl-1,.db-blue-bg-lvl-2,.db-blue-bg-lvl-3,.db-blue-bg-transparent-full,.db-blue-bg-transparent-semi,[data-color=blue-bg-lvl-1],[data-color=blue-bg-lvl-2],[data-color=blue-bg-lvl-3],[data-color=blue-bg-transparent-full],[data-color=blue-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-blue-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-blue-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-blue-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-blue-bg-transparent-pressed );--db-current-color-enabled:var(--db-blue-on-bg-enabled);--db-current-color-icon:var(--db-blue-on-bg-enabled);--db-current-color-hover:var(--db-blue-on-bg-hover);--db-current-color-pressed:var(--db-blue-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-blue-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-blue-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-blue-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-blue-contrast-low-enabled );--db-current-color-border:var(--db-blue-border);--db-current-color-bg-lvl-1-hover:var(--db-blue-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-blue-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-blue-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-blue-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-blue-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-blue-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-blue-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-blue-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-blue-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-blue-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-blue-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-blue-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-blue-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-blue-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-blue-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-blue-on-bg-weak-pressed )}[data-emphasis=weak].db-blue-bg-lvl-1,[data-emphasis=weak].db-blue-bg-lvl-2,[data-emphasis=weak].db-blue-bg-lvl-3,[data-emphasis=weak].db-blue-bg-transparent-full,[data-emphasis=weak].db-blue-bg-transparent-semi,[data-emphasis=weak][data-color=blue-bg-lvl-1],[data-emphasis=weak][data-color=blue-bg-lvl-2],[data-emphasis=weak][data-color=blue-bg-lvl-3],[data-emphasis=weak][data-color=blue-bg-transparent-full],[data-emphasis=weak][data-color=blue-bg-transparent-semi]{--db-current-color-enabled:var( --db-blue-on-bg-weak-enabled );--db-current-color-hover:var( --db-blue-on-bg-weak-hover );--db-current-color-pressed:var( --db-blue-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-blue-bg-lvl-1,[data-color=blue-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-blue-bg-lvl-2,[data-color=blue-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-blue-bg-lvl-3,[data-color=blue-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-blue-bg-transparent-full,[data-color=blue-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-blue-bg-transparent-semi,[data-color=blue-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-cyan-contrast-high,.db-cyan-contrast-high-interactive,[data-color=cyan-contrast-high-interactive],[data-color=cyan-contrast-high]{--db-current-icon-color:var(--db-cyan-on-contrast-enabled);--db-current-color-enabled:var( --db-cyan-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-cyan-contrast-high-enabled );--db-current-color-bg-hover:var( --db-cyan-contrast-high-hover );--db-current-color-bg-pressed:var( --db-cyan-contrast-high-pressed );--db-current-color-border:var( --db-cyan-contrast-high-enabled )}.db-cyan-contrast-high-interactive:hover,[data-color=cyan-contrast-high-interactive]:hover{background:var(--db-cyan-contrast-high-hover)}.db-cyan-contrast-high-interactive:active,[data-color=cyan-contrast-high-interactive]:active{background:var(--db-cyan-contrast-high-pressed)}.db-cyan-contrast-low,.db-cyan-contrast-low-interactive,[data-color=cyan-contrast-low-interactive],[data-color=cyan-contrast-low]{--db-current-icon-color:var(--db-cyan-on-contrast-enabled);--db-current-color-enabled:var( --db-cyan-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-cyan-contrast-low-enabled );--db-current-color-bg-hover:var( --db-cyan-contrast-low-hover );--db-current-color-bg-pressed:var( --db-cyan-contrast-low-pressed );--db-current-color-border:var( --db-cyan-contrast-low-enabled )}.db-cyan-contrast-low-interactive:hover,[data-color=cyan-contrast-low-interactive]:hover{background:var(--db-cyan-contrast-low-hover)}.db-cyan-contrast-low-interactive:active,[data-color=cyan-contrast-low-interactive]:active{background:var(--db-cyan-contrast-low-pressed)}.db-cyan-bg-lvl-1,.db-cyan-bg-lvl-2,.db-cyan-bg-lvl-3,.db-cyan-bg-transparent-full,.db-cyan-bg-transparent-semi,[data-color=cyan-bg-lvl-1],[data-color=cyan-bg-lvl-2],[data-color=cyan-bg-lvl-3],[data-color=cyan-bg-transparent-full],[data-color=cyan-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-cyan-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-cyan-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-cyan-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-cyan-bg-transparent-pressed );--db-current-color-enabled:var(--db-cyan-on-bg-enabled);--db-current-color-icon:var(--db-cyan-on-bg-enabled);--db-current-color-hover:var(--db-cyan-on-bg-hover);--db-current-color-pressed:var(--db-cyan-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-cyan-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-cyan-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-cyan-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-cyan-contrast-low-enabled );--db-current-color-border:var(--db-cyan-border);--db-current-color-bg-lvl-1-hover:var(--db-cyan-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-cyan-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-cyan-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-cyan-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-cyan-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-cyan-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-cyan-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-cyan-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-cyan-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-cyan-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-cyan-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-cyan-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-cyan-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-cyan-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-cyan-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-cyan-on-bg-weak-pressed )}[data-emphasis=weak].db-cyan-bg-lvl-1,[data-emphasis=weak].db-cyan-bg-lvl-2,[data-emphasis=weak].db-cyan-bg-lvl-3,[data-emphasis=weak].db-cyan-bg-transparent-full,[data-emphasis=weak].db-cyan-bg-transparent-semi,[data-emphasis=weak][data-color=cyan-bg-lvl-1],[data-emphasis=weak][data-color=cyan-bg-lvl-2],[data-emphasis=weak][data-color=cyan-bg-lvl-3],[data-emphasis=weak][data-color=cyan-bg-transparent-full],[data-emphasis=weak][data-color=cyan-bg-transparent-semi]{--db-current-color-enabled:var( --db-cyan-on-bg-weak-enabled );--db-current-color-hover:var( --db-cyan-on-bg-weak-hover );--db-current-color-pressed:var( --db-cyan-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-cyan-bg-lvl-1,[data-color=cyan-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-cyan-bg-lvl-2,[data-color=cyan-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-cyan-bg-lvl-3,[data-color=cyan-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-cyan-bg-transparent-full,[data-color=cyan-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-cyan-bg-transparent-semi,[data-color=cyan-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-turquoise-contrast-high,.db-turquoise-contrast-high-interactive,[data-color=turquoise-contrast-high-interactive],[data-color=turquoise-contrast-high]{--db-current-icon-color:var(--db-turquoise-on-contrast-enabled);--db-current-color-enabled:var( --db-turquoise-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-turquoise-contrast-high-enabled );--db-current-color-bg-hover:var( --db-turquoise-contrast-high-hover );--db-current-color-bg-pressed:var( --db-turquoise-contrast-high-pressed );--db-current-color-border:var( --db-turquoise-contrast-high-enabled )}.db-turquoise-contrast-high-interactive:hover,[data-color=turquoise-contrast-high-interactive]:hover{background:var(--db-turquoise-contrast-high-hover)}.db-turquoise-contrast-high-interactive:active,[data-color=turquoise-contrast-high-interactive]:active{background:var(--db-turquoise-contrast-high-pressed)}.db-turquoise-contrast-low,.db-turquoise-contrast-low-interactive,[data-color=turquoise-contrast-low-interactive],[data-color=turquoise-contrast-low]{--db-current-icon-color:var(--db-turquoise-on-contrast-enabled);--db-current-color-enabled:var( --db-turquoise-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-turquoise-contrast-low-enabled );--db-current-color-bg-hover:var( --db-turquoise-contrast-low-hover );--db-current-color-bg-pressed:var( --db-turquoise-contrast-low-pressed );--db-current-color-border:var( --db-turquoise-contrast-low-enabled )}.db-turquoise-contrast-low-interactive:hover,[data-color=turquoise-contrast-low-interactive]:hover{background:var(--db-turquoise-contrast-low-hover)}.db-turquoise-contrast-low-interactive:active,[data-color=turquoise-contrast-low-interactive]:active{background:var(--db-turquoise-contrast-low-pressed)}.db-turquoise-bg-lvl-1,.db-turquoise-bg-lvl-2,.db-turquoise-bg-lvl-3,.db-turquoise-bg-transparent-full,.db-turquoise-bg-transparent-semi,[data-color=turquoise-bg-lvl-1],[data-color=turquoise-bg-lvl-2],[data-color=turquoise-bg-lvl-3],[data-color=turquoise-bg-transparent-full],[data-color=turquoise-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-turquoise-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-turquoise-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-turquoise-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-turquoise-bg-transparent-pressed );--db-current-color-enabled:var(--db-turquoise-on-bg-enabled);--db-current-color-icon:var(--db-turquoise-on-bg-enabled);--db-current-color-hover:var(--db-turquoise-on-bg-hover);--db-current-color-pressed:var(--db-turquoise-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-turquoise-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-turquoise-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-turquoise-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-turquoise-contrast-low-enabled );--db-current-color-border:var(--db-turquoise-border);--db-current-color-bg-lvl-1-hover:var(--db-turquoise-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-turquoise-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-turquoise-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-turquoise-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-turquoise-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-turquoise-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-turquoise-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-turquoise-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-turquoise-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-turquoise-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-turquoise-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-turquoise-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-turquoise-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-turquoise-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-turquoise-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-turquoise-on-bg-weak-pressed )}[data-emphasis=weak].db-turquoise-bg-lvl-1,[data-emphasis=weak].db-turquoise-bg-lvl-2,[data-emphasis=weak].db-turquoise-bg-lvl-3,[data-emphasis=weak].db-turquoise-bg-transparent-full,[data-emphasis=weak].db-turquoise-bg-transparent-semi,[data-emphasis=weak][data-color=turquoise-bg-lvl-1],[data-emphasis=weak][data-color=turquoise-bg-lvl-2],[data-emphasis=weak][data-color=turquoise-bg-lvl-3],[data-emphasis=weak][data-color=turquoise-bg-transparent-full],[data-emphasis=weak][data-color=turquoise-bg-transparent-semi]{--db-current-color-enabled:var( --db-turquoise-on-bg-weak-enabled );--db-current-color-hover:var( --db-turquoise-on-bg-weak-hover );--db-current-color-pressed:var( --db-turquoise-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-turquoise-bg-lvl-1,[data-color=turquoise-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-turquoise-bg-lvl-2,[data-color=turquoise-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-turquoise-bg-lvl-3,[data-color=turquoise-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-turquoise-bg-transparent-full,[data-color=turquoise-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-turquoise-bg-transparent-semi,[data-color=turquoise-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-green-contrast-high,.db-green-contrast-high-interactive,[data-color=green-contrast-high-interactive],[data-color=green-contrast-high]{--db-current-icon-color:var(--db-green-on-contrast-enabled);--db-current-color-enabled:var( --db-green-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-green-contrast-high-enabled );--db-current-color-bg-hover:var( --db-green-contrast-high-hover );--db-current-color-bg-pressed:var( --db-green-contrast-high-pressed );--db-current-color-border:var( --db-green-contrast-high-enabled )}.db-green-contrast-high-interactive:hover,[data-color=green-contrast-high-interactive]:hover{background:var(--db-green-contrast-high-hover)}.db-green-contrast-high-interactive:active,[data-color=green-contrast-high-interactive]:active{background:var(--db-green-contrast-high-pressed)}.db-green-contrast-low,.db-green-contrast-low-interactive,[data-color=green-contrast-low-interactive],[data-color=green-contrast-low]{--db-current-icon-color:var(--db-green-on-contrast-enabled);--db-current-color-enabled:var( --db-green-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-green-contrast-low-enabled );--db-current-color-bg-hover:var( --db-green-contrast-low-hover );--db-current-color-bg-pressed:var( --db-green-contrast-low-pressed );--db-current-color-border:var( --db-green-contrast-low-enabled )}.db-green-contrast-low-interactive:hover,[data-color=green-contrast-low-interactive]:hover{background:var(--db-green-contrast-low-hover)}.db-green-contrast-low-interactive:active,[data-color=green-contrast-low-interactive]:active{background:var(--db-green-contrast-low-pressed)}.db-green-bg-lvl-1,.db-green-bg-lvl-2,.db-green-bg-lvl-3,.db-green-bg-transparent-full,.db-green-bg-transparent-semi,[data-color=green-bg-lvl-1],[data-color=green-bg-lvl-2],[data-color=green-bg-lvl-3],[data-color=green-bg-transparent-full],[data-color=green-bg-transparent-semi]{--db-current-color-bg-transparent-full-enabled:var( --db-green-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-green-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-green-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-green-bg-transparent-pressed );--db-current-color-enabled:var(--db-green-on-bg-enabled);--db-current-color-icon:var(--db-green-on-bg-enabled);--db-current-color-hover:var(--db-green-on-bg-hover);--db-current-color-pressed:var(--db-green-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-green-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-green-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-green-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-green-contrast-low-enabled );--db-current-color-border:var(--db-green-border);--db-current-color-bg-lvl-1-hover:var(--db-green-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-green-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-green-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-green-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-green-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-green-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-green-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-green-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-green-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-green-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-green-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-green-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-green-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-green-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-green-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-green-on-bg-weak-pressed )}[data-emphasis=weak].db-green-bg-lvl-1,[data-emphasis=weak].db-green-bg-lvl-2,[data-emphasis=weak].db-green-bg-lvl-3,[data-emphasis=weak].db-green-bg-transparent-full,[data-emphasis=weak].db-green-bg-transparent-semi,[data-emphasis=weak][data-color=green-bg-lvl-1],[data-emphasis=weak][data-color=green-bg-lvl-2],[data-emphasis=weak][data-color=green-bg-lvl-3],[data-emphasis=weak][data-color=green-bg-transparent-full],[data-emphasis=weak][data-color=green-bg-transparent-semi]{--db-current-color-enabled:var( --db-green-on-bg-weak-enabled );--db-current-color-hover:var( --db-green-on-bg-weak-hover );--db-current-color-pressed:var( --db-green-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-green-bg-lvl-1,[data-color=green-bg-lvl-1]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-green-bg-lvl-2,[data-color=green-bg-lvl-2]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-green-bg-lvl-3,[data-color=green-bg-lvl-3]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-green-bg-transparent-full,[data-color=green-bg-transparent-full]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-green-bg-transparent-semi,[data-color=green-bg-transparent-semi]{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-font-size-3xl,[data-font-size="3xl"]{--db-icon-font-weight:var(--db-base-body-icon-weight-3xl);--db-icon-font-size:var(--db-base-body-icon-font-size-3xl);--db-base-line-height:var(--db-type-body-line-height-3xl);--db-base-font-size:var(--db-type-body-font-size-3xl);line-height:var(--db-type-body-line-height-3xl);font-size:var(--db-type-body-font-size-3xl)}.db-font-size-2xl,[data-font-size="2xl"]{--db-icon-font-weight:var(--db-base-body-icon-weight-2xl);--db-icon-font-size:var(--db-base-body-icon-font-size-2xl);--db-base-line-height:var(--db-type-body-line-height-2xl);--db-base-font-size:var(--db-type-body-font-size-2xl);line-height:var(--db-type-body-line-height-2xl);font-size:var(--db-type-body-font-size-2xl)}.db-font-size-xl,[data-font-size=xl]{--db-icon-font-weight:var(--db-base-body-icon-weight-xl);--db-icon-font-size:var(--db-base-body-icon-font-size-xl);--db-base-line-height:var(--db-type-body-line-height-xl);--db-base-font-size:var(--db-type-body-font-size-xl);line-height:var(--db-type-body-line-height-xl);font-size:var(--db-type-body-font-size-xl)}.db-font-size-lg,[data-font-size=lg]{--db-icon-font-weight:var(--db-base-body-icon-weight-lg);--db-icon-font-size:var(--db-base-body-icon-font-size-lg);--db-base-line-height:var(--db-type-body-line-height-lg);--db-base-font-size:var(--db-type-body-font-size-lg);line-height:var(--db-type-body-line-height-lg);font-size:var(--db-type-body-font-size-lg)}.db-font-size-md,[data-font-size=md]{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-font-size-sm,[data-font-size=sm]{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs,[data-font-size=xs]{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-font-size-2xs,[data-font-size="2xs"]{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-font-size-3xs,[data-font-size="3xs"]{--db-icon-font-weight:var(--db-base-body-icon-weight-3xs);--db-icon-font-size:var(--db-base-body-icon-font-size-3xs);--db-base-line-height:var(--db-type-body-line-height-3xs);--db-base-font-size:var(--db-type-body-font-size-3xs);line-height:var(--db-type-body-line-height-3xs);font-size:var(--db-type-body-font-size-3xs)}body:not(:has(.db-page)){-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-main{scroll-behavior:smooth}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-current-color-border);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:var(--db-current-color-enabled)}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.density-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.density-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.density-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.density-example-page .density-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.density-example-page .density-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-4);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.color-schemes-container{padding:var(--db-spacing-fixed-md);border:1px dashed var(--db-current-color-enabled);display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(2,minmax(0,1fr))}.color-schemes-container .db-button{grid-column:span 2/span 2}.color-schemes-container .db-tag{-webkit-margin-start:auto;margin-inline-start:auto}.color-schemes-container section{padding:var(--db-spacing-fixed-md)}.color-schemes-container .color-cards{grid-column:span 2/span 2;display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(5,minmax(0,1fr))}h1{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}h1 a:is(.header-link),h2 a:is(.header-link),h3 a:is(.header-link),h4 a:is(.header-link),h5 a:is(.header-link),h6 a:is(.header-link){display:inline-block;margin-block:auto;-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);visibility:hidden;text-decoration:none;font-size:0}h1:hover a:is(.header-link),h2:hover a:is(.header-link),h3:hover a:is(.header-link),h4:hover a:is(.header-link),h5:hover a:is(.header-link),h6:hover a:is(.header-link){visibility:visible}.db-code-docs{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-margin-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));margin-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details{display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:calc(-1*(var(--db-spacing-fixed-sm) + var(--db-sizing-sm)));inset-inline-end:var(--db-spacing-fixed-sm);z-index:1;cursor:pointer}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .backdrop{border-radius:var(--db-border-radius-sm);background-color:var(--db-current-color-enabled);opacity:.64;position:absolute;inset:0}.db-code-docs .code-details .code{overflow:auto;position:absolute;z-index:20;inset:0;margin:var(--db-spacing-fixed-md);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.db-code-docs .code-details .code code{display:block;white-space:pre-wrap}.db-code-docs .code-details .code .tab-container{position:relative}.db-code-docs .code-details .code .tab-container .copy-button{position:absolute;z-index:20;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-end:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-code-docs .code-details .code .tab-container .copy-button:not([data-force-mobile]),.db-code-docs .code-details .code .tab-container .copy-button[data-force-mobile=false]{inset-block-end:auto;inset-block-start:var(--db-spacing-fixed-sm)}}.validity-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-sm);gap:var(--db-spacing-fixed-sm)}.validity-container form{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.link-containers>div{display:grid;grid-template-areas:"previous next";grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);justify-content:space-between}.link-containers>div a{text-decoration:none}.link-containers .next-link-container,.link-containers .previous-link-container{flex-direction:row;min-inline-size:var(--db-sizing-3xl)}.link-containers .next-link-container small,.link-containers .previous-link-container small{color:var(--db-informational-contrast-high-enabled)}.link-containers .previous-link-container{grid-area:previous}.link-containers .next-link-container{grid-area:next}.link-containers .next-link-container small,.link-containers .next-link-container span{-webkit-margin-start:auto;margin-inline-start:auto}.breadcrumb-container{display:flex;align-content:center;align-items:center;padding-block:var(--db-spacing-fixed-sm)}.breadcrumb-container a{font-weight:400}.breadcrumb-container a:first-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.breadcrumb-container a:last-of-type{font-weight:700}.card-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.card-navigation:not([data-force-mobile]),.card-navigation[data-force-mobile=false]{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-navigation a{text-decoration:none}.card-navigation .db-card{display:grid;grid-template-areas:"index icon" "label icon"}.card-navigation .db-card small{grid-area:index}.card-navigation .db-card p{grid-area:label;margin:0}.card-navigation .db-card .db-icon{grid-area:icon;margin-block:auto;-webkit-margin-start:auto;margin-inline-start:auto}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}pre:has(.hljs):not(:has(.language-shell)) .hljs:after,pre:has(.hljs):not(:has(.language-shell)) .hljs:before,pre:has(.hljs):not(:has(.language-shell)):after,pre:has(.hljs):not(:has(.language-shell)):before{color:var(--db-current-icon-color,inherit)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-on-bg-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-on-bg-hover:var(--db-neutral-on-bg-hover);--db-current-color-on-bg-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-on-bg-weak-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-on-bg-weak-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-on-bg-weak-pressed:var( --db-neutral-on-bg-weak-pressed )}pre:has(.hljs):not(:has(.language-shell)) [data-emphasis=weak].hljs,pre[data-emphasis=weak]:has(.hljs):not(:has(.language-shell)){--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,.hljs-number,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.hljs-type,.hljs-variable,.hljs-variable.language_{color:var(--db-successful-on-bg-weak-enabled)}.hljs-built_in,.hljs-symbol{color:var(--db-warning-on-bg-weak-enabled)}.hljs-attr{color:var(--db-informational-on-bg-weak-enabled)}.hljs-code,.hljs-comment,.hljs-formula,.hljs-meta{color:var(--db-current-color-enabled)}.hljs-name,.hljs-tag{color:var(--db-warning-on-bg-weak-enabled)}.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--db-successful-on-bg-weak-enabled)}.hljs-subst{color:var(--db-neutral-bg-lvl-1-enabled)}.hljs-section{color:var(--db-informational-on-bg-weak-enabled);font-weight:700}.hljs-bullet{color:var(--db-warning-on-bg-weak-enabled)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--db-current-color-enabled)}.hljs-strong{font-weight:700}.hljs-addition{color:var(--db-successful-on-bg-weak-enabled)}.hljs-addition,.hljs-deletion{background-color:var(--db-neutral-on-bg-weak-enabled)}.hljs-deletion{color:var(--db-critical-on-bg-weak-enabled)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}db-card:is(.variants-card)>.db-card{padding:var(--db-spacing-fixed-sm)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);background-color:var(--db-base-bg-lvl-2)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden}:root:has(.db-page){block-size:100%;overflow:hidden}main .db-header{block-size:100%} \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/_next/static/media/checkerboard.c3e3e675.png b/review/fix-2678-tag-default-html/_next/static/media/checkerboard.c3e3e675.png new file mode 100644 index 00000000000..a4bc71ddc0e Binary files /dev/null and b/review/fix-2678-tag-default-html/_next/static/media/checkerboard.c3e3e675.png differ diff --git a/review/fix-2678-tag-default-html/assets/images/checkerboard.png b/review/fix-2678-tag-default-html/assets/images/checkerboard.png new file mode 100644 index 00000000000..a4bc71ddc0e Binary files /dev/null and b/review/fix-2678-tag-default-html/assets/images/checkerboard.png differ diff --git a/review/fix-2678-tag-default-html/base64.html b/review/fix-2678-tag-default-html/base64.html index 302f5d96981..e81d267ab45 100644 --- a/review/fix-2678-tag-default-html/base64.html +++ b/review/fix-2678-tag-default-html/base64.html @@ -1 +1 @@ -DB UI Mono

    Open IFrame
    \ No newline at end of file +DB UI Mono
    Open IFrame
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components.html b/review/fix-2678-tag-default-html/components.html index c456de80712..4212f7a4347 100644 --- a/review/fix-2678-tag-default-html/components.html +++ b/review/fix-2678-tag-default-html/components.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion-item.html b/review/fix-2678-tag-default-html/components/accordion-item.html index a73694002ed..67d5b076624 100644 --- a/review/fix-2678-tag-default-html/components/accordion-item.html +++ b/review/fix-2678-tag-default-html/components/accordion-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion-item/docs/Angular.html b/review/fix-2678-tag-default-html/components/accordion-item/docs/Angular.html index 30739b4c286..781cdcb425c 100644 --- a/review/fix-2678-tag-default-html/components/accordion-item/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/accordion-item/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion-item/docs/HTML.html b/review/fix-2678-tag-default-html/components/accordion-item/docs/HTML.html index 3341e2b80ca..38cd22aea8b 100644 --- a/review/fix-2678-tag-default-html/components/accordion-item/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/accordion-item/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion-item/docs/React.html b/review/fix-2678-tag-default-html/components/accordion-item/docs/React.html index fa46dfb3199..a24270b0335 100644 --- a/review/fix-2678-tag-default-html/components/accordion-item/docs/React.html +++ b/review/fix-2678-tag-default-html/components/accordion-item/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion-item/docs/Vue.html b/review/fix-2678-tag-default-html/components/accordion-item/docs/Vue.html index 070e187db29..1da88c9bbb6 100644 --- a/review/fix-2678-tag-default-html/components/accordion-item/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/accordion-item/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion-item/overview.html b/review/fix-2678-tag-default-html/components/accordion-item/overview.html index f6ec64172f1..52f67175d46 100644 --- a/review/fix-2678-tag-default-html/components/accordion-item/overview.html +++ b/review/fix-2678-tag-default-html/components/accordion-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion-item/properties.html b/review/fix-2678-tag-default-html/components/accordion-item/properties.html index b42aa6fa575..50b7470f152 100644 --- a/review/fix-2678-tag-default-html/components/accordion-item/properties.html +++ b/review/fix-2678-tag-default-html/components/accordion-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion.html b/review/fix-2678-tag-default-html/components/accordion.html index 919c5636e29..f3a8039b0e1 100644 --- a/review/fix-2678-tag-default-html/components/accordion.html +++ b/review/fix-2678-tag-default-html/components/accordion.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion/docs/Angular.html b/review/fix-2678-tag-default-html/components/accordion/docs/Angular.html index 04570cc4fcf..b2616989877 100644 --- a/review/fix-2678-tag-default-html/components/accordion/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/accordion/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion/docs/HTML.html b/review/fix-2678-tag-default-html/components/accordion/docs/HTML.html index 3cebcd350b3..59365bef6c4 100644 --- a/review/fix-2678-tag-default-html/components/accordion/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/accordion/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion/docs/React.html b/review/fix-2678-tag-default-html/components/accordion/docs/React.html index e3e9473fb0a..0e9675628d4 100644 --- a/review/fix-2678-tag-default-html/components/accordion/docs/React.html +++ b/review/fix-2678-tag-default-html/components/accordion/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion/docs/Vue.html b/review/fix-2678-tag-default-html/components/accordion/docs/Vue.html index 9cfe52779e0..8fdca86c426 100644 --- a/review/fix-2678-tag-default-html/components/accordion/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/accordion/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion/overview.html b/review/fix-2678-tag-default-html/components/accordion/overview.html index f4416cd5181..71e97990b65 100644 --- a/review/fix-2678-tag-default-html/components/accordion/overview.html +++ b/review/fix-2678-tag-default-html/components/accordion/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/accordion/properties.html b/review/fix-2678-tag-default-html/components/accordion/properties.html index 35bd4af61a8..6489b30c2c2 100644 --- a/review/fix-2678-tag-default-html/components/accordion/properties.html +++ b/review/fix-2678-tag-default-html/components/accordion/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action.html b/review/fix-2678-tag-default-html/components/action.html index 1ec944f314d..7932c5b8614 100644 --- a/review/fix-2678-tag-default-html/components/action.html +++ b/review/fix-2678-tag-default-html/components/action.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button.html b/review/fix-2678-tag-default-html/components/action/button.html index 9d6cc2edb3c..8554506a546 100644 --- a/review/fix-2678-tag-default-html/components/action/button.html +++ b/review/fix-2678-tag-default-html/components/action/button.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/docs/Angular.html b/review/fix-2678-tag-default-html/components/action/button/docs/Angular.html index c0f521b51ca..488aceed21c 100644 --- a/review/fix-2678-tag-default-html/components/action/button/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/action/button/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-button variant="brand">Button</db-button>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/docs/HTML.html b/review/fix-2678-tag-default-html/components/action/button/docs/HTML.html index 269c472f9ab..14a0f4748d3 100644 --- a/review/fix-2678-tag-default-html/components/action/button/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/action/button/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/button/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/docs/Migration.html b/review/fix-2678-tag-default-html/components/action/button/docs/Migration.html index 284020db3ae..c61138bfbaa 100644 --- a/review/fix-2678-tag-default-html/components/action/button/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/action/button/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -11,4 +11,4 @@

    sizesvariantsvariants anchor link

    BeforeStatusAfterDescription
    primary❌❌not valid anymore, use outlined buttons for those purposes
    brand-primary🔁primary
    secondary-outline🔁outlined
    secondary-solid🔁solid
    tertiary-plain🔁text

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/docs/React.html b/review/fix-2678-tag-default-html/components/action/button/docs/React.html index a9a0b29874d..13630f79cc1 100644 --- a/review/fix-2678-tag-default-html/components/action/button/docs/React.html +++ b/review/fix-2678-tag-default-html/components/action/button/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/button/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/docs/Vue.html b/review/fix-2678-tag-default-html/components/action/button/docs/Vue.html index d30dd584ff1..1e8f39bff97 100644 --- a/review/fix-2678-tag-default-html/components/action/button/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/action/button/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/button/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/how-to-use.html b/review/fix-2678-tag-default-html/components/action/button/how-to-use.html index 2f625b5fe73..03ac67c2949 100644 --- a/review/fix-2678-tag-default-html/components/action/button/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/action/button/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/migration.html b/review/fix-2678-tag-default-html/components/action/button/migration.html index f5b992e290b..1cb443a1f43 100644 --- a/review/fix-2678-tag-default-html/components/action/button/migration.html +++ b/review/fix-2678-tag-default-html/components/action/button/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/overview.html b/review/fix-2678-tag-default-html/components/action/button/overview.html index 90ff5f12d25..c2a6f6bd66c 100644 --- a/review/fix-2678-tag-default-html/components/action/button/overview.html +++ b/review/fix-2678-tag-default-html/components/action/button/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/button/properties.html b/review/fix-2678-tag-default-html/components/action/button/properties.html index a8d54d44b64..d01d80e045c 100644 --- a/review/fix-2678-tag-default-html/components/action/button/properties.html +++ b/review/fix-2678-tag-default-html/components/action/button/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link.html b/review/fix-2678-tag-default-html/components/action/link.html index bb1b8429850..6e9a4e5dde6 100644 --- a/review/fix-2678-tag-default-html/components/action/link.html +++ b/review/fix-2678-tag-default-html/components/action/link.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/docs/Angular.html b/review/fix-2678-tag-default-html/components/action/link/docs/Angular.html index 1ecb428e64c..f941a32aeac 100644 --- a/review/fix-2678-tag-default-html/components/action/link/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/action/link/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-link href="#" variant="brand">Link</db-link>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/docs/HTML.html b/review/fix-2678-tag-default-html/components/action/link/docs/HTML.html index 96cc4ba7f7d..416f3b297a4 100644 --- a/review/fix-2678-tag-default-html/components/action/link/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/action/link/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/link/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/docs/Migration.html b/review/fix-2678-tag-default-html/components/action/link/docs/Migration.html index 66f380c5d88..11566fa2c03 100644 --- a/review/fix-2678-tag-default-html/components/action/link/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/action/link/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-link🔁db-link

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    icon❌❌not valid anymore use content to show interal or external arrow icon
    icononly❌❌
    iconVariant❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    icon❌❌not valid anymore use content to show interal or external arrow icon
    icononly❌❌
    iconVariant❌❌
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/docs/React.html b/review/fix-2678-tag-default-html/components/action/link/docs/React.html index 15d5b777fdd..da9aa1b7701 100644 --- a/review/fix-2678-tag-default-html/components/action/link/docs/React.html +++ b/review/fix-2678-tag-default-html/components/action/link/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -11,4 +11,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/link/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/docs/Vue.html b/review/fix-2678-tag-default-html/components/action/link/docs/Vue.html index 6038273c72a..2a9cc10272c 100644 --- a/review/fix-2678-tag-default-html/components/action/link/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/action/link/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/link/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/how-to-use.html b/review/fix-2678-tag-default-html/components/action/link/how-to-use.html index 0265d7a8174..1e78d2fb115 100644 --- a/review/fix-2678-tag-default-html/components/action/link/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/action/link/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/migration.html b/review/fix-2678-tag-default-html/components/action/link/migration.html index 9d2da6331d3..1bedf2df9e0 100644 --- a/review/fix-2678-tag-default-html/components/action/link/migration.html +++ b/review/fix-2678-tag-default-html/components/action/link/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/overview.html b/review/fix-2678-tag-default-html/components/action/link/overview.html index cb7af90cf4d..3054009c94c 100644 --- a/review/fix-2678-tag-default-html/components/action/link/overview.html +++ b/review/fix-2678-tag-default-html/components/action/link/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/action/link/properties.html b/review/fix-2678-tag-default-html/components/action/link/properties.html index e14860c4df2..1b1ae679cbd 100644 --- a/review/fix-2678-tag-default-html/components/action/link/properties.html +++ b/review/fix-2678-tag-default-html/components/action/link/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/badge.html b/review/fix-2678-tag-default-html/components/badge.html index e91b8626698..3b3703be6e4 100644 --- a/review/fix-2678-tag-default-html/components/badge.html +++ b/review/fix-2678-tag-default-html/components/badge.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/badge/docs/Angular.html b/review/fix-2678-tag-default-html/components/badge/docs/Angular.html index 9328b01829d..4d4dd4bb3eb 100644 --- a/review/fix-2678-tag-default-html/components/badge/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/badge/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/badge/docs/HTML.html b/review/fix-2678-tag-default-html/components/badge/docs/HTML.html index 3d0243c83b6..4c8ea9bc421 100644 --- a/review/fix-2678-tag-default-html/components/badge/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/badge/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/badge/docs/React.html b/review/fix-2678-tag-default-html/components/badge/docs/React.html index b3117be9883..bf4c01eea1d 100644 --- a/review/fix-2678-tag-default-html/components/badge/docs/React.html +++ b/review/fix-2678-tag-default-html/components/badge/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/badge/docs/Vue.html b/review/fix-2678-tag-default-html/components/badge/docs/Vue.html index f705d3d4927..2bf50578b0c 100644 --- a/review/fix-2678-tag-default-html/components/badge/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/badge/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/badge/overview.html b/review/fix-2678-tag-default-html/components/badge/overview.html index bc4e5bf0097..83ec67eca79 100644 --- a/review/fix-2678-tag-default-html/components/badge/overview.html +++ b/review/fix-2678-tag-default-html/components/badge/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/badge/properties.html b/review/fix-2678-tag-default-html/components/badge/properties.html index fb6d664d9ad..19deb7ac848 100644 --- a/review/fix-2678-tag-default-html/components/badge/properties.html +++ b/review/fix-2678-tag-default-html/components/badge/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/brand.html b/review/fix-2678-tag-default-html/components/brand.html index cef1ebe485b..ef5d9de0c26 100644 --- a/review/fix-2678-tag-default-html/components/brand.html +++ b/review/fix-2678-tag-default-html/components/brand.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/brand/docs/Angular.html b/review/fix-2678-tag-default-html/components/brand/docs/Angular.html index 3589f51bb3f..f9ab9fef3c5 100644 --- a/review/fix-2678-tag-default-html/components/brand/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/brand/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/brand/docs/HTML.html b/review/fix-2678-tag-default-html/components/brand/docs/HTML.html index fea1391a96a..3db3c0cc700 100644 --- a/review/fix-2678-tag-default-html/components/brand/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/brand/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/brand/docs/React.html b/review/fix-2678-tag-default-html/components/brand/docs/React.html index f12b2be5d71..cede84180ca 100644 --- a/review/fix-2678-tag-default-html/components/brand/docs/React.html +++ b/review/fix-2678-tag-default-html/components/brand/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/brand/docs/Vue.html b/review/fix-2678-tag-default-html/components/brand/docs/Vue.html index e6741677227..422dfff1d78 100644 --- a/review/fix-2678-tag-default-html/components/brand/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/brand/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/brand/overview.html b/review/fix-2678-tag-default-html/components/brand/overview.html index 8fc9ea574eb..552d1028a20 100644 --- a/review/fix-2678-tag-default-html/components/brand/overview.html +++ b/review/fix-2678-tag-default-html/components/brand/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/brand/properties.html b/review/fix-2678-tag-default-html/components/brand/properties.html index 7f7900ce999..87f4dce9e2a 100644 --- a/review/fix-2678-tag-default-html/components/brand/properties.html +++ b/review/fix-2678-tag-default-html/components/brand/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/button.html b/review/fix-2678-tag-default-html/components/button.html index 7508bde3c15..c1ca3951f3b 100644 --- a/review/fix-2678-tag-default-html/components/button.html +++ b/review/fix-2678-tag-default-html/components/button.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/button/docs/Angular.html b/review/fix-2678-tag-default-html/components/button/docs/Angular.html index 63b02a95307..212e8e0bc27 100644 --- a/review/fix-2678-tag-default-html/components/button/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/button/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/button/docs/HTML.html b/review/fix-2678-tag-default-html/components/button/docs/HTML.html index 514946fcee2..30c8b8bbec6 100644 --- a/review/fix-2678-tag-default-html/components/button/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/button/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/button/docs/React.html b/review/fix-2678-tag-default-html/components/button/docs/React.html index f0668636afd..c6a6634ba73 100644 --- a/review/fix-2678-tag-default-html/components/button/docs/React.html +++ b/review/fix-2678-tag-default-html/components/button/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/button/docs/Vue.html b/review/fix-2678-tag-default-html/components/button/docs/Vue.html index c1af7655d7b..00909898019 100644 --- a/review/fix-2678-tag-default-html/components/button/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/button/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/button/overview.html b/review/fix-2678-tag-default-html/components/button/overview.html index 53ad372b4c7..0f5842a9490 100644 --- a/review/fix-2678-tag-default-html/components/button/overview.html +++ b/review/fix-2678-tag-default-html/components/button/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/button/properties.html b/review/fix-2678-tag-default-html/components/button/properties.html index b97f38ee60d..a51eee5e905 100644 --- a/review/fix-2678-tag-default-html/components/button/properties.html +++ b/review/fix-2678-tag-default-html/components/button/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/card.html b/review/fix-2678-tag-default-html/components/card.html index 6611cab0ab5..418ddd49beb 100644 --- a/review/fix-2678-tag-default-html/components/card.html +++ b/review/fix-2678-tag-default-html/components/card.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/card/docs/Angular.html b/review/fix-2678-tag-default-html/components/card/docs/Angular.html index 8c82e5edfca..3820e7254b6 100644 --- a/review/fix-2678-tag-default-html/components/card/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/card/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/card/docs/HTML.html b/review/fix-2678-tag-default-html/components/card/docs/HTML.html index 58a66ccc259..a3c24ff2374 100644 --- a/review/fix-2678-tag-default-html/components/card/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/card/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/card/docs/React.html b/review/fix-2678-tag-default-html/components/card/docs/React.html index 12e49206e5d..dd50724963c 100644 --- a/review/fix-2678-tag-default-html/components/card/docs/React.html +++ b/review/fix-2678-tag-default-html/components/card/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/card/docs/Vue.html b/review/fix-2678-tag-default-html/components/card/docs/Vue.html index cd8bbd5b74d..8749f289a71 100644 --- a/review/fix-2678-tag-default-html/components/card/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/card/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/card/overview.html b/review/fix-2678-tag-default-html/components/card/overview.html index cb16f927e7d..b7a4d407812 100644 --- a/review/fix-2678-tag-default-html/components/card/overview.html +++ b/review/fix-2678-tag-default-html/components/card/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/card/properties.html b/review/fix-2678-tag-default-html/components/card/properties.html index cf7a6c24253..08572217002 100644 --- a/review/fix-2678-tag-default-html/components/card/properties.html +++ b/review/fix-2678-tag-default-html/components/card/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/checkbox.html b/review/fix-2678-tag-default-html/components/checkbox.html index 0059df21ee3..c1ac4fdcfe4 100644 --- a/review/fix-2678-tag-default-html/components/checkbox.html +++ b/review/fix-2678-tag-default-html/components/checkbox.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/checkbox/docs/Angular.html b/review/fix-2678-tag-default-html/components/checkbox/docs/Angular.html index 1e84cd8bcba..6895f576f41 100644 --- a/review/fix-2678-tag-default-html/components/checkbox/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/checkbox/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/checkbox/docs/HTML.html b/review/fix-2678-tag-default-html/components/checkbox/docs/HTML.html index 68d11050d50..298a985b12c 100644 --- a/review/fix-2678-tag-default-html/components/checkbox/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/checkbox/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/checkbox/docs/React.html b/review/fix-2678-tag-default-html/components/checkbox/docs/React.html index 791332a41b7..009022aa0e4 100644 --- a/review/fix-2678-tag-default-html/components/checkbox/docs/React.html +++ b/review/fix-2678-tag-default-html/components/checkbox/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/checkbox/docs/Vue.html b/review/fix-2678-tag-default-html/components/checkbox/docs/Vue.html index cb9dc944de0..e146ce1a537 100644 --- a/review/fix-2678-tag-default-html/components/checkbox/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/checkbox/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/checkbox/overview.html b/review/fix-2678-tag-default-html/components/checkbox/overview.html index 34a23bde3f4..1e82467bf77 100644 --- a/review/fix-2678-tag-default-html/components/checkbox/overview.html +++ b/review/fix-2678-tag-default-html/components/checkbox/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/checkbox/properties.html b/review/fix-2678-tag-default-html/components/checkbox/properties.html index 9d673e515d5..9a68e10b81e 100644 --- a/review/fix-2678-tag-default-html/components/checkbox/properties.html +++ b/review/fix-2678-tag-default-html/components/checkbox/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display.html b/review/fix-2678-tag-default-html/components/data-display.html index 5baf7e242c6..a2cd32ca530 100644 --- a/review/fix-2678-tag-default-html/components/data-display.html +++ b/review/fix-2678-tag-default-html/components/data-display.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item.html index faf03314143..0a76d266f6c 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Angular.html index e2bc2bfbbd2..21f5646bf3c 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -22,4 +22,4 @@ 
    With Content ProjectionWith attributeswith-attributes anchor link
    
 
    <!-- app.component.html -->
 <db-accordion-item headlinePlain="Title" content="Content"></db-accordion-item>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/HTML.html index 34638870b62..a48494cd7a4 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion-item/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Migration.html index c8a0b63c3b9..c2b9f5b945f 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-accordion🔁db-accordion-itemThe old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)

    propsprops anchor link

    -
    BeforeStatusAfterDescription
    summary🔁headlineThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the density.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    \ No newline at end of file +
    BeforeStatusAfterDescription
    summary🔁headlineThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the density.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/React.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/React.html index 0e8623233a0..b92d8446978 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    With Slotswith-slots anchor link

    @@ -14,4 +14,4 @@

    With attributes{"props":{"pageProps":{}},"page":"/components/data-display/accordion-item/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Vue.html index 11f1ae3b5f5..673a109e60e 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    With Slotswith-slots anchor link

    @@ -23,4 +23,4 @@

    With attributes{"props":{"pageProps":{}},"page":"/components/data-display/accordion-item/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/how-to-use.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/how-to-use.html index 81796eaf3a3..841697cf972 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/migration.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/migration.html index 3baa7cff0b3..114760241c5 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/overview.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/overview.html index 2654973dc1f..fb588029965 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/overview.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion-item/properties.html b/review/fix-2678-tag-default-html/components/data-display/accordion-item/properties.html index f9f778cd2b4..9cdf1579e75 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion-item/properties.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion.html b/review/fix-2678-tag-default-html/components/data-display/accordion.html index 39b98076718..f5ebe0d053c 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Angular.html index f4d5285e5d7..02ebf2399be 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -27,4 +27,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/HTML.html index c493585b6de..59dc02ded12 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -19,4 +19,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Migration.html index 49481390eb7..0a980246d49 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/React.html b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/React.html index 9f30909627a..d212dac8fcd 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Vue.html index 9213f1f50f1..554596f31f1 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/how-to-use.html b/review/fix-2678-tag-default-html/components/data-display/accordion/how-to-use.html index 617d0c5283a..a72eaaf82ec 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/migration.html b/review/fix-2678-tag-default-html/components/data-display/accordion/migration.html index bc6ad5a882b..2c29e5fa0b7 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/overview.html b/review/fix-2678-tag-default-html/components/data-display/accordion/overview.html index a6bb3be5926..c4d71ce791e 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/overview.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/accordion/properties.html b/review/fix-2678-tag-default-html/components/data-display/accordion/properties.html index c0a1bf8e328..a9fa56326f2 100644 --- a/review/fix-2678-tag-default-html/components/data-display/accordion/properties.html +++ b/review/fix-2678-tag-default-html/components/data-display/accordion/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand.html b/review/fix-2678-tag-default-html/components/data-display/brand.html index 64b5b5641df..cf9a6c11193 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-display/brand/docs/Angular.html index 8e44a3b01b8..8d4f516161a 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-brand>Brand</db-brand>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-display/brand/docs/HTML.html index 19fafac8c05..512c0f26e2f 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/brand/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-display/brand/docs/Migration.html index c2c65852be7..9c80f7a63c1 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -12,4 +12,4 @@

    propertiesStatusAfterDescriptionsiteNameLink❌❌see Notealt❌❌see NoteanchorRef❌❌see NoteanchorTitle❌❌see NoteanchorRelation❌❌see Notesrc❌❌see NotehideLogo🆕❌If you want a custom image, you can hide the default one and pass anything into the children/slot

    \ No newline at end of file +
    BeforeStatusAfterDescription
    siteNameLink❌❌see Note
    alt❌❌see Note
    anchorRef❌❌see Note
    anchorTitle❌❌see Note
    anchorRelation❌❌see Note
    src❌❌see Note
    hideLogo🆕❌If you want a custom image, you can hide the default one and pass anything into the children/slot
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/docs/React.html b/review/fix-2678-tag-default-html/components/data-display/brand/docs/React.html index f0ca559f7b2..9979851ab85 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/brand/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-display/brand/docs/Vue.html index c956e784119..2581a77f122 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/brand/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/how-to-use.html b/review/fix-2678-tag-default-html/components/data-display/brand/how-to-use.html index c4bc53f915e..6e11f4fed88 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/migration.html b/review/fix-2678-tag-default-html/components/data-display/brand/migration.html index 0757ff0450e..09c4516eae1 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/overview.html b/review/fix-2678-tag-default-html/components/data-display/brand/overview.html index b56b1bd11f2..018734f1f83 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/overview.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/brand/properties.html b/review/fix-2678-tag-default-html/components/data-display/brand/properties.html index 9ce071e0293..0c720a2620f 100644 --- a/review/fix-2678-tag-default-html/components/data-display/brand/properties.html +++ b/review/fix-2678-tag-default-html/components/data-display/brand/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext.html b/review/fix-2678-tag-default-html/components/data-display/infotext.html index e43f3586038..29143c14595 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Angular.html index 00a9d7fa89e..a1ca949e702 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-infotext>Infotext</db-infotext>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/HTML.html index 9b28c7094a2..77b35aa38bf 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/infotext/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Migration.html index 57c61d6373c..06b1d344538 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/React.html b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/React.html index 9f0e7b03bb7..2a67292004f 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/infotext/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Vue.html index f1897d744af..f1e8946c934 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/infotext/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/how-to-use.html b/review/fix-2678-tag-default-html/components/data-display/infotext/how-to-use.html index 540c8a45ca1..7333fb3e004 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/migration.html b/review/fix-2678-tag-default-html/components/data-display/infotext/migration.html index 44f5c314188..34e29355eda 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/overview.html b/review/fix-2678-tag-default-html/components/data-display/infotext/overview.html index ebe31e5e87b..31da4fdb5ac 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/overview.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/infotext/properties.html b/review/fix-2678-tag-default-html/components/data-display/infotext/properties.html index 72d5ff96acd..f42acf6c281 100644 --- a/review/fix-2678-tag-default-html/components/data-display/infotext/properties.html +++ b/review/fix-2678-tag-default-html/components/data-display/infotext/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item.html b/review/fix-2678-tag-default-html/components/data-display/tab-item.html index 4caa98322a6..9cf8ec178ae 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Angular.html index 99b725823b2..1700163ef6d 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tab-item/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/HTML.html index 3a514f68085..dfe68209e24 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tab-item/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Migration.html index 14fd4e686d0..10b3810a857 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-db-tab🔁db-tab-item

    namename anchor link

    -
    BeforeStatusAfterDescription
    name❌❌It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    name❌❌It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one.
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/React.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/React.html index 09d42831f9a..16adb5803dd 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tab-item/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Vue.html index 2518d4b3818..44c6c09a295 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tab-item/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/how-to-use.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/how-to-use.html index ac7e7b0a738..f792d8160c5 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/migration.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/migration.html index 4acbb0fbbdf..1fe9836f6a0 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/overview.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/overview.html index a9afea1e470..801032a56f3 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/overview.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tab-item/properties.html b/review/fix-2678-tag-default-html/components/data-display/tab-item/properties.html index 9085bb1f9ca..5aa474d11a0 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tab-item/properties.html +++ b/review/fix-2678-tag-default-html/components/data-display/tab-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs.html b/review/fix-2678-tag-default-html/components/data-display/tabs.html index 51e50fb925f..a112785b964 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Angular.html index d6508931742..5065d4fd414 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tabs/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/HTML.html index 03ede7f8e6b..223f30171a4 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -76,4 +76,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tabs/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Migration.html index ca917140533..2304cd48580 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Migration.html @@ -1,8 +1,8 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    classclass anchor link

    -
    BeforeStatusAfterDescription
    cmp-tab-bar🔁db-tabs
    \ No newline at end of file +
    BeforeStatusAfterDescription
    cmp-tab-bar🔁db-tabs
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/React.html b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/React.html index 199df57414e..84c2dcd8895 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tabs/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Vue.html index 843b1abfaf2..c4d1fd3b6f4 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tabs/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/how-to-use.html b/review/fix-2678-tag-default-html/components/data-display/tabs/how-to-use.html index c56437050ad..784bb4b3ce1 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/migration.html b/review/fix-2678-tag-default-html/components/data-display/tabs/migration.html index ba01f1b1c5f..18804e1e866 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/overview.html b/review/fix-2678-tag-default-html/components/data-display/tabs/overview.html index 7269250b0d0..b8d23a173fa 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/overview.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tabs/properties.html b/review/fix-2678-tag-default-html/components/data-display/tabs/properties.html index cac91f7b0ef..14ba3144b23 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tabs/properties.html +++ b/review/fix-2678-tag-default-html/components/data-display/tabs/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag.html b/review/fix-2678-tag-default-html/components/data-display/tag.html index 4d447885ab5..84a6a6c7bce 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-display/tag/docs/Angular.html index 24ac515fbc1..725bb829558 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -21,4 +21,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tag/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-display/tag/docs/HTML.html index d35ba4e2632..f97f4e5d05a 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tag/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-display/tag/docs/Migration.html index babb318ae15..8f51ec78a31 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -20,4 +20,4 @@

    sizesvariantsvariants anchor link

    BeforeStatusAfterDescription
    poi-*❌❌We removed all point of interest colors for now.
    track❌❌We removed track for now.
    error🔁critical
    informative🔁informational
    success🔁successful

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/docs/React.html b/review/fix-2678-tag-default-html/components/data-display/tag/docs/React.html index 4d5c6dcc8d4..47bdddae61d 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -26,4 +26,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tag/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-display/tag/docs/Vue.html index f3ee561a3bd..7cb9f5bab8b 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tag/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/how-to-use.html b/review/fix-2678-tag-default-html/components/data-display/tag/how-to-use.html index 8aefb1f6cbe..c9ff8d7e4dd 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/migration.html b/review/fix-2678-tag-default-html/components/data-display/tag/migration.html index bda2ae59c81..db66220b4a2 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/overview.html b/review/fix-2678-tag-default-html/components/data-display/tag/overview.html index 2a4fa61caf8..f9d797ca44c 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/overview.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tag/properties.html b/review/fix-2678-tag-default-html/components/data-display/tag/properties.html index 37e90004b58..223c22ac4c5 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tag/properties.html +++ b/review/fix-2678-tag-default-html/components/data-display/tag/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip.html b/review/fix-2678-tag-default-html/components/data-display/tooltip.html index eac0d99f0c7..893720ecbfe 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Angular.html index d70829d93b0..bb5a96e18cc 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tooltip/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/HTML.html index 4cd3d868eb3..76ad5d09778 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tooltip/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Migration.html index 81659232647..0df0fa7667e 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/React.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/React.html index c4485c14370..6f259f57c35 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tooltip/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Vue.html index 5deda765e7c..b1b7eba8e5c 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tooltip/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/how-to-use.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/how-to-use.html index 922306c7074..6ab42e634a2 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/migration.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/migration.html index 16342cba3f2..ba57b91ff7b 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/migration.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/overview.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/overview.html index 8a20fc82706..d31a817afcd 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/overview.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-display/tooltip/properties.html b/review/fix-2678-tag-default-html/components/data-display/tooltip/properties.html index 798b8d29dfc..4e412c7afe9 100644 --- a/review/fix-2678-tag-default-html/components/data-display/tooltip/properties.html +++ b/review/fix-2678-tag-default-html/components/data-display/tooltip/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input.html b/review/fix-2678-tag-default-html/components/data-input.html index 4f7d49ef785..076f1d666a6 100644 --- a/review/fix-2678-tag-default-html/components/data-input.html +++ b/review/fix-2678-tag-default-html/components/data-input.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox.html b/review/fix-2678-tag-default-html/components/data-input/checkbox.html index 5bc6ba08f84..3267ec76737 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Angular.html index 0e2be1dfabe..de0bd0ae1d7 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -80,4 +80,4 @@ 
    How to use with Template Driven F
 }

    How to use with Reactive Formshow-to-use-with-reactive-forms anchor link

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/HTML.html index e687a3a3b36..8f5b28365ef 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/checkbox/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Migration.html index ab67ebeae87..86ceff88cd7 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-checkbox🔁db-checkbox

    idid anchor link

    -
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/React.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/React.html index 23c5c767299..1362801039f 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -22,4 +22,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/checkbox/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Vue.html index cc187d4adb2..72b4a1a6b83 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/checkbox/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/how-to-use.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/how-to-use.html index ba6677eb805..8d64d06e383 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/migration.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/migration.html index 9dc411557b4..a1e884c3b63 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/overview.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/overview.html index 78ae642cacb..8b4835acfc9 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/overview.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/checkbox/properties.html b/review/fix-2678-tag-default-html/components/data-input/checkbox/properties.html index a5366d2b208..d4c18f3202e 100644 --- a/review/fix-2678-tag-default-html/components/data-input/checkbox/properties.html +++ b/review/fix-2678-tag-default-html/components/data-input/checkbox/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input.html b/review/fix-2678-tag-default-html/components/data-input/input.html index fd58a7a0f83..6e4601cfa5a 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input.html +++ b/review/fix-2678-tag-default-html/components/data-input/input.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-input/input/docs/Angular.html index 98420d2d889..ad5c069f189 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    Load SCSS globally within styles.scss in your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -109,4 +109,4 @@

    How to use with Template driven F alert(JSON.stringify({ input: this.input })); } } -

    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-input/input/docs/HTML.html index 51ab533f1c4..477a9859763 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    Load SCSS globally somewhere in your app:

    @forward "@db-ui/components/build/styles/db-ui-42";
    @@ -7,4 +7,4 @@ <label for="username">Label</label> <input type="text" name="username" id="username" /> </div> -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-input/input/docs/Migration.html index 009be77fa43..e1f50527a25 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-input🔁db-input

    variantsvariants anchor link

    -
    BeforeStatusAfterDescription
    semitransparent❌❌old variants are removed a semi-transparent look is the default, new variants are chaniging the color
    white❌❌
    solid❌❌
    outline❌❌
    🆕adaptive
    🆕neutral
    🆕critical
    🆕informational
    🆕warning
    🆕successful
    \ No newline at end of file +
    BeforeStatusAfterDescription
    semitransparent❌❌old variants are removed a semi-transparent look is the default, new variants are chaniging the color
    white❌❌
    solid❌❌
    outline❌❌
    🆕adaptive
    🆕neutral
    🆕critical
    🆕informational
    🆕warning
    🆕successful
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/docs/React.html b/review/fix-2678-tag-default-html/components/data-input/input/docs/React.html index 5e587ad011a..04d8bc6363b 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    Load SCSS globally in a index.scss file inside main.tsx/main.jsx within your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -11,4 +11,4 @@ description={description} onChange={handleChange} ></DBInput>; -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-input/input/docs/Vue.html index 5c3d89b92dc..38c418e2e5f 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    Load SCSS globally in a index.scss file and import it in your main.ts/main.js file in your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -25,4 +25,4 @@

    or using on-change listener:

    <DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
 }"/> {{ modelAndChange }}
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/how-to-use.html b/review/fix-2678-tag-default-html/components/data-input/input/how-to-use.html index 10da8a10ec5..d69be1caac9 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/migration.html b/review/fix-2678-tag-default-html/components/data-input/input/migration.html index 4c14a6fa1a4..5ccfc7bc1fb 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/overview.html b/review/fix-2678-tag-default-html/components/data-input/input/overview.html index 39fb6162e8a..06c5f60c203 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/overview.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/input/properties.html b/review/fix-2678-tag-default-html/components/data-input/input/properties.html index 45ccdf5c2d8..d09304f247e 100644 --- a/review/fix-2678-tag-default-html/components/data-input/input/properties.html +++ b/review/fix-2678-tag-default-html/components/data-input/input/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio.html b/review/fix-2678-tag-default-html/components/data-input/radio.html index b8907031d35..bbb8ed3564d 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-input/radio/docs/Angular.html index 1ff536dc1fd..ce00eef71b9 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -76,4 +76,4 @@ 
    How to use with Template Driven F
 }

    How to use with Reactive Formshow-to-use-with-reactive-forms anchor link

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-input/radio/docs/HTML.html index cc92152c4b8..645435a6d7d 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -15,4 +15,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/radio/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-input/radio/docs/Migration.html index 10071099351..0cd68505fe2 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-radio🔁db-radio

    idid anchor link

    -
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/docs/React.html b/review/fix-2678-tag-default-html/components/data-input/radio/docs/React.html index 5aa6d6e8164..2c357567e75 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -24,4 +24,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/radio/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-input/radio/docs/Vue.html index e8dbac55977..f6ef41f8231 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/radio/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/how-to-use.html b/review/fix-2678-tag-default-html/components/data-input/radio/how-to-use.html index 956963d4d1f..9cfdcb8f404 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/migration.html b/review/fix-2678-tag-default-html/components/data-input/radio/migration.html index 16affc833c3..62319916fae 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/overview.html b/review/fix-2678-tag-default-html/components/data-input/radio/overview.html index 41fc0b81756..adcae953426 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/overview.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/radio/properties.html b/review/fix-2678-tag-default-html/components/data-input/radio/properties.html index 6462e50ba57..219440854a4 100644 --- a/review/fix-2678-tag-default-html/components/data-input/radio/properties.html +++ b/review/fix-2678-tag-default-html/components/data-input/radio/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select.html b/review/fix-2678-tag-default-html/components/data-input/select.html index c2750fa64aa..e9f030b25c8 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select.html +++ b/review/fix-2678-tag-default-html/components/data-input/select.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-input/select/docs/Angular.html index dc6a05f94cf..bced7cc5ef0 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/select/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-input/select/docs/HTML.html index d6eac79eb8c..6b99d06723a 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/select/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-input/select/docs/Migration.html index 542233a07b7..2b84cdcc497 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-select🔁db-select

    selectselect anchor link

    -
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/docs/React.html b/review/fix-2678-tag-default-html/components/data-input/select/docs/React.html index 6d72bc54578..73598f89664 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/select/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-input/select/docs/Vue.html index bb32558b0b5..7140706b4b5 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/select/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/how-to-use.html b/review/fix-2678-tag-default-html/components/data-input/select/how-to-use.html index e978ec383da..e53bee03a23 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/migration.html b/review/fix-2678-tag-default-html/components/data-input/select/migration.html index b72bc94ded8..af4ac004116 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/overview.html b/review/fix-2678-tag-default-html/components/data-input/select/overview.html index c0c32dee05b..47828c7cd68 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/overview.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/select/properties.html b/review/fix-2678-tag-default-html/components/data-input/select/properties.html index bd7d4e7c24a..9fd05d02bf0 100644 --- a/review/fix-2678-tag-default-html/components/data-input/select/properties.html +++ b/review/fix-2678-tag-default-html/components/data-input/select/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch.html b/review/fix-2678-tag-default-html/components/data-input/switch.html index 6f531f3726f..fc6bf7fca6d 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-input/switch/docs/Angular.html index 4346eeddfa9..3333a52ef69 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-switch>Switch</db-switch>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-input/switch/docs/HTML.html index 0646e282b49..d276739823b 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/switch/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-input/switch/docs/Migration.html index 89a36d9a0ef..194b4ace304 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-toggle🔁db-switch

    idid anchor link

    -
    BeforeStatusAfterDescription
    htmlid🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    htmlid🔁id
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/docs/React.html b/review/fix-2678-tag-default-html/components/data-input/switch/docs/React.html index e56403ecaca..99502237de0 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/switch/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-input/switch/docs/Vue.html index 6578ca82cad..6d91696f433 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/switch/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/how-to-use.html b/review/fix-2678-tag-default-html/components/data-input/switch/how-to-use.html index c34355cc623..f0ec59ad0dd 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/migration.html b/review/fix-2678-tag-default-html/components/data-input/switch/migration.html index bb54d52bde6..13a7b796d9e 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/overview.html b/review/fix-2678-tag-default-html/components/data-input/switch/overview.html index 6e1ac7f5c6f..45a3cc78d09 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/overview.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/switch/properties.html b/review/fix-2678-tag-default-html/components/data-input/switch/properties.html index 40c6aeec4bb..5bff1adb236 100644 --- a/review/fix-2678-tag-default-html/components/data-input/switch/properties.html +++ b/review/fix-2678-tag-default-html/components/data-input/switch/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea.html b/review/fix-2678-tag-default-html/components/data-input/textarea.html index 75304727d96..f7198e4387b 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Angular.html b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Angular.html index 78bb6e698fa..b82fe2ae8b7 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -33,4 +33,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/textarea/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/HTML.html b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/HTML.html index 11db7b6a30d..2ecbb911bf3 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/textarea/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Migration.html b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Migration.html index 52e47f039a7..b9e1c9baf83 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariantsvariants anchor link

    BeforeStatusAfterDescription
    semitransparent❌
    white❌
    solid❌
    outline❌
    🆕adaptive
    🆕critical
    🆕informational
    🆕warning
    🆕successful

    otherother anchor link

    -
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file +
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/React.html b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/React.html index 39dd968809d..0957508ae5b 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/React.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -20,4 +20,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/textarea/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Vue.html b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Vue.html index 5ed63ed6995..e3836b58d68 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Generalgeneral anchor link

    You cannot use a default value for textarea in vue. @@ -22,4 +22,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/data-input/textarea/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/how-to-use.html b/review/fix-2678-tag-default-html/components/data-input/textarea/how-to-use.html index c54629d55ec..5cfe3ee1b86 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/migration.html b/review/fix-2678-tag-default-html/components/data-input/textarea/migration.html index 3057590f900..96a98ba7772 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/migration.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/overview.html b/review/fix-2678-tag-default-html/components/data-input/textarea/overview.html index 9c30fe303af..1b6eac54225 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/overview.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/data-input/textarea/properties.html b/review/fix-2678-tag-default-html/components/data-input/textarea/properties.html index a7590abe2ec..f3b36de37ac 100644 --- a/review/fix-2678-tag-default-html/components/data-input/textarea/properties.html +++ b/review/fix-2678-tag-default-html/components/data-input/textarea/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/divider.html b/review/fix-2678-tag-default-html/components/divider.html index fedd26e3638..1c8f8f0c449 100644 --- a/review/fix-2678-tag-default-html/components/divider.html +++ b/review/fix-2678-tag-default-html/components/divider.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/divider/docs/Angular.html b/review/fix-2678-tag-default-html/components/divider/docs/Angular.html index cdbd3d37cf3..3f91d887f7d 100644 --- a/review/fix-2678-tag-default-html/components/divider/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/divider/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/divider/docs/HTML.html b/review/fix-2678-tag-default-html/components/divider/docs/HTML.html index 07d1712c1df..ff82a1389c3 100644 --- a/review/fix-2678-tag-default-html/components/divider/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/divider/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/divider/docs/React.html b/review/fix-2678-tag-default-html/components/divider/docs/React.html index eef131aaacf..141e2d84e18 100644 --- a/review/fix-2678-tag-default-html/components/divider/docs/React.html +++ b/review/fix-2678-tag-default-html/components/divider/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/divider/docs/Vue.html b/review/fix-2678-tag-default-html/components/divider/docs/Vue.html index 39bff42857e..5267573e888 100644 --- a/review/fix-2678-tag-default-html/components/divider/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/divider/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/divider/overview.html b/review/fix-2678-tag-default-html/components/divider/overview.html index c12a170b217..fd1243b8363 100644 --- a/review/fix-2678-tag-default-html/components/divider/overview.html +++ b/review/fix-2678-tag-default-html/components/divider/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/divider/properties.html b/review/fix-2678-tag-default-html/components/divider/properties.html index 7eef89341de..45be58a6b6a 100644 --- a/review/fix-2678-tag-default-html/components/divider/properties.html +++ b/review/fix-2678-tag-default-html/components/divider/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/drawer.html b/review/fix-2678-tag-default-html/components/drawer.html index b78593baaf2..bc4323154b9 100644 --- a/review/fix-2678-tag-default-html/components/drawer.html +++ b/review/fix-2678-tag-default-html/components/drawer.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/drawer/docs/Angular.html b/review/fix-2678-tag-default-html/components/drawer/docs/Angular.html index 422d2188a58..072cc977cfc 100644 --- a/review/fix-2678-tag-default-html/components/drawer/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/drawer/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/drawer/docs/HTML.html b/review/fix-2678-tag-default-html/components/drawer/docs/HTML.html index f8ccafdb996..1800462831c 100644 --- a/review/fix-2678-tag-default-html/components/drawer/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/drawer/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/drawer/docs/React.html b/review/fix-2678-tag-default-html/components/drawer/docs/React.html index ee32c619a28..47852ab07bf 100644 --- a/review/fix-2678-tag-default-html/components/drawer/docs/React.html +++ b/review/fix-2678-tag-default-html/components/drawer/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/drawer/docs/Vue.html b/review/fix-2678-tag-default-html/components/drawer/docs/Vue.html index d30841e7005..c51e0049768 100644 --- a/review/fix-2678-tag-default-html/components/drawer/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/drawer/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/drawer/overview.html b/review/fix-2678-tag-default-html/components/drawer/overview.html index 5ee7e4b7b24..06f27c37976 100644 --- a/review/fix-2678-tag-default-html/components/drawer/overview.html +++ b/review/fix-2678-tag-default-html/components/drawer/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/drawer/properties.html b/review/fix-2678-tag-default-html/components/drawer/properties.html index 2b84dbea503..69c9e7ef83c 100644 --- a/review/fix-2678-tag-default-html/components/drawer/properties.html +++ b/review/fix-2678-tag-default-html/components/drawer/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback.html b/review/fix-2678-tag-default-html/components/feedback.html index 22bbc1bb131..75596833262 100644 --- a/review/fix-2678-tag-default-html/components/feedback.html +++ b/review/fix-2678-tag-default-html/components/feedback.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge.html b/review/fix-2678-tag-default-html/components/feedback/badge.html index 76261492c88..3c7a256cd76 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/docs/Angular.html b/review/fix-2678-tag-default-html/components/feedback/badge/docs/Angular.html index 085020d1577..b5c9dfb21cc 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-badge>Badge</db-badge>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/docs/HTML.html b/review/fix-2678-tag-default-html/components/feedback/badge/docs/HTML.html index 2be17558f45..5f652e7090c 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/badge/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/docs/Migration.html b/review/fix-2678-tag-default-html/components/feedback/badge/docs/Migration.html index 1cf68b5cd6f..582c00aa53f 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/docs/React.html b/review/fix-2678-tag-default-html/components/feedback/badge/docs/React.html index 02673df67f7..c2bf102b31c 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/docs/React.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/badge/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/docs/Vue.html b/review/fix-2678-tag-default-html/components/feedback/badge/docs/Vue.html index 1202d6232fb..68565adf70a 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/badge/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/how-to-use.html b/review/fix-2678-tag-default-html/components/feedback/badge/how-to-use.html index e3d384ab000..629c9e793aa 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/migration.html b/review/fix-2678-tag-default-html/components/feedback/badge/migration.html index cb242be91eb..9c4d9218a91 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/migration.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/overview.html b/review/fix-2678-tag-default-html/components/feedback/badge/overview.html index 3de3d8d70d7..a7e9eae49e5 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/overview.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/badge/properties.html b/review/fix-2678-tag-default-html/components/feedback/badge/properties.html index fc2170f6d1d..58a457be723 100644 --- a/review/fix-2678-tag-default-html/components/feedback/badge/properties.html +++ b/review/fix-2678-tag-default-html/components/feedback/badge/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification.html b/review/fix-2678-tag-default-html/components/feedback/notification.html index 4f88ee00948..5fa97f3833c 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/docs/Angular.html b/review/fix-2678-tag-default-html/components/feedback/notification/docs/Angular.html index 2c4e3fbf241..19fd557daa3 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-notification headline="Headline">Notification</db-notification>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/docs/HTML.html b/review/fix-2678-tag-default-html/components/feedback/notification/docs/HTML.html index 56bb5de55e1..1937ac4f487 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/notification/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/docs/Migration.html b/review/fix-2678-tag-default-html/components/feedback/notification/docs/Migration.html index 5a7420b1410..3bd341adc2d 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariant ➡ typevariant--type anchor link

    BeforeStatusAfterDescription
    notification🔁notificationDefault notification with different look
    status❌❌Status can be changed by variants
    🆕inlineNew styling with shadow and rounded corners (like card)

    type ➡ variantstype--variants anchor link

    -
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored notification to show error messages
    informative🔁informational'Blue' colored notification to show information messages
    warning🔁warning'Yellow' colored notification to show warning messages
    success🔁successful'Green' colored notification to show success messages
    \ No newline at end of file +
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored notification to show error messages
    informative🔁informational'Blue' colored notification to show information messages
    warning🔁warning'Yellow' colored notification to show warning messages
    success🔁successful'Green' colored notification to show success messages
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/docs/React.html b/review/fix-2678-tag-default-html/components/feedback/notification/docs/React.html index 928d512023e..6e86882f4a6 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/docs/React.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/notification/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/docs/Vue.html b/review/fix-2678-tag-default-html/components/feedback/notification/docs/Vue.html index 7ad3c3b2839..b5539f7bcf9 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/notification/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/how-to-use.html b/review/fix-2678-tag-default-html/components/feedback/notification/how-to-use.html index 0a5ea144c14..de2111ae8ed 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/migration.html b/review/fix-2678-tag-default-html/components/feedback/notification/migration.html index b8fd1706cb8..0511af37796 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/migration.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/overview.html b/review/fix-2678-tag-default-html/components/feedback/notification/overview.html index c160aba6ed4..06c70013f32 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/overview.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/feedback/notification/properties.html b/review/fix-2678-tag-default-html/components/feedback/notification/properties.html index 64fade97505..1bb0f5c5107 100644 --- a/review/fix-2678-tag-default-html/components/feedback/notification/properties.html +++ b/review/fix-2678-tag-default-html/components/feedback/notification/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/header.html b/review/fix-2678-tag-default-html/components/header.html index 9bc0c8364a5..a369413894b 100644 --- a/review/fix-2678-tag-default-html/components/header.html +++ b/review/fix-2678-tag-default-html/components/header.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/header/docs/Angular.html b/review/fix-2678-tag-default-html/components/header/docs/Angular.html index 0caa3c291f8..3c04b838611 100644 --- a/review/fix-2678-tag-default-html/components/header/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/header/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/header/docs/HTML.html b/review/fix-2678-tag-default-html/components/header/docs/HTML.html index 19959966185..0fce59f1a1b 100644 --- a/review/fix-2678-tag-default-html/components/header/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/header/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/header/docs/React.html b/review/fix-2678-tag-default-html/components/header/docs/React.html index d8d658be194..2bbb79cfa90 100644 --- a/review/fix-2678-tag-default-html/components/header/docs/React.html +++ b/review/fix-2678-tag-default-html/components/header/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/header/docs/Vue.html b/review/fix-2678-tag-default-html/components/header/docs/Vue.html index 55d2cc8cb26..bfb60a1a01c 100644 --- a/review/fix-2678-tag-default-html/components/header/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/header/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/header/overview.html b/review/fix-2678-tag-default-html/components/header/overview.html index ef679bea54b..3d96af074aa 100644 --- a/review/fix-2678-tag-default-html/components/header/overview.html +++ b/review/fix-2678-tag-default-html/components/header/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/header/properties.html b/review/fix-2678-tag-default-html/components/header/properties.html index 4309d0146a0..50c4ba65953 100644 --- a/review/fix-2678-tag-default-html/components/header/properties.html +++ b/review/fix-2678-tag-default-html/components/header/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/infotext.html b/review/fix-2678-tag-default-html/components/infotext.html index 994d902abd2..f18a1a84c2f 100644 --- a/review/fix-2678-tag-default-html/components/infotext.html +++ b/review/fix-2678-tag-default-html/components/infotext.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/infotext/docs/Angular.html b/review/fix-2678-tag-default-html/components/infotext/docs/Angular.html index b7b62caa529..360de14a2e9 100644 --- a/review/fix-2678-tag-default-html/components/infotext/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/infotext/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/infotext/docs/HTML.html b/review/fix-2678-tag-default-html/components/infotext/docs/HTML.html index 03417e321f1..08d28637843 100644 --- a/review/fix-2678-tag-default-html/components/infotext/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/infotext/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/infotext/docs/React.html b/review/fix-2678-tag-default-html/components/infotext/docs/React.html index 3f57fa5f3e7..bd4d0c4a12f 100644 --- a/review/fix-2678-tag-default-html/components/infotext/docs/React.html +++ b/review/fix-2678-tag-default-html/components/infotext/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/infotext/docs/Vue.html b/review/fix-2678-tag-default-html/components/infotext/docs/Vue.html index b12ed6372da..230a562433f 100644 --- a/review/fix-2678-tag-default-html/components/infotext/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/infotext/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/infotext/overview.html b/review/fix-2678-tag-default-html/components/infotext/overview.html index d08992ebc04..14b61ee5d84 100644 --- a/review/fix-2678-tag-default-html/components/infotext/overview.html +++ b/review/fix-2678-tag-default-html/components/infotext/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/infotext/properties.html b/review/fix-2678-tag-default-html/components/infotext/properties.html index 2210c458865..58d9d152c73 100644 --- a/review/fix-2678-tag-default-html/components/infotext/properties.html +++ b/review/fix-2678-tag-default-html/components/infotext/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/input.html b/review/fix-2678-tag-default-html/components/input.html index 5cc7ac3e075..714707332b3 100644 --- a/review/fix-2678-tag-default-html/components/input.html +++ b/review/fix-2678-tag-default-html/components/input.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/input/docs/Angular.html b/review/fix-2678-tag-default-html/components/input/docs/Angular.html index d062d26b0f1..3be42314602 100644 --- a/review/fix-2678-tag-default-html/components/input/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/input/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/input/docs/HTML.html b/review/fix-2678-tag-default-html/components/input/docs/HTML.html index 1ef70cd1a60..1d4d5ca2e1e 100644 --- a/review/fix-2678-tag-default-html/components/input/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/input/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/input/docs/React.html b/review/fix-2678-tag-default-html/components/input/docs/React.html index 2eb10be7754..8541620d212 100644 --- a/review/fix-2678-tag-default-html/components/input/docs/React.html +++ b/review/fix-2678-tag-default-html/components/input/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/input/docs/Vue.html b/review/fix-2678-tag-default-html/components/input/docs/Vue.html index 105e1f2bc32..80aa32d3d33 100644 --- a/review/fix-2678-tag-default-html/components/input/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/input/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/input/overview.html b/review/fix-2678-tag-default-html/components/input/overview.html index 1a68300c7b9..e5e669e2540 100644 --- a/review/fix-2678-tag-default-html/components/input/overview.html +++ b/review/fix-2678-tag-default-html/components/input/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/input/properties.html b/review/fix-2678-tag-default-html/components/input/properties.html index 26ad72b50f4..e2a1f48df44 100644 --- a/review/fix-2678-tag-default-html/components/input/properties.html +++ b/review/fix-2678-tag-default-html/components/input/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout.html b/review/fix-2678-tag-default-html/components/layout.html index 86b2b3dcadb..faa629e97db 100644 --- a/review/fix-2678-tag-default-html/components/layout.html +++ b/review/fix-2678-tag-default-html/components/layout.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card.html b/review/fix-2678-tag-default-html/components/layout/card.html index 7a404e72c27..128d5a5ccad 100644 --- a/review/fix-2678-tag-default-html/components/layout/card.html +++ b/review/fix-2678-tag-default-html/components/layout/card.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/docs/Angular.html b/review/fix-2678-tag-default-html/components/layout/card/docs/Angular.html index 393ebac7c2f..10660bf9f01 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/layout/card/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -16,4 +16,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-card>Card content</db-card>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/docs/HTML.html b/review/fix-2678-tag-default-html/components/layout/card/docs/HTML.html index d541a4f1296..19e1dcc865f 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/layout/card/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/card/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/docs/Migration.html b/review/fix-2678-tag-default-html/components/layout/card/docs/Migration.html index 8fc73ef6c00..f3ef2e8b786 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/layout/card/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariantvariant anchor link

    BeforeStatusAfterDescription
    variant🔁variantThere is no default header/content anymore. Now you can change the card with variant="interactive" to act like a button.
    header❌❌Add your own content via children/slot.
    content❌❌Add your own content via children/slot.

    imageimage anchor link

    -
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/docs/React.html b/review/fix-2678-tag-default-html/components/layout/card/docs/React.html index 774b9f65e53..6ec6573de00 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/docs/React.html +++ b/review/fix-2678-tag-default-html/components/layout/card/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/card/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/docs/Vue.html b/review/fix-2678-tag-default-html/components/layout/card/docs/Vue.html index 16120276cd8..3284eb07077 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/layout/card/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/card/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/how-to-use.html b/review/fix-2678-tag-default-html/components/layout/card/how-to-use.html index 986b5d6d9cd..7c70dd2e38c 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/layout/card/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/migration.html b/review/fix-2678-tag-default-html/components/layout/card/migration.html index 92b6456e355..74028474df3 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/migration.html +++ b/review/fix-2678-tag-default-html/components/layout/card/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/overview.html b/review/fix-2678-tag-default-html/components/layout/card/overview.html index 9cf017fed7c..20b75d07ef1 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/overview.html +++ b/review/fix-2678-tag-default-html/components/layout/card/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/card/properties.html b/review/fix-2678-tag-default-html/components/layout/card/properties.html index 2de299a80fa..6f02e22081a 100644 --- a/review/fix-2678-tag-default-html/components/layout/card/properties.html +++ b/review/fix-2678-tag-default-html/components/layout/card/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider.html b/review/fix-2678-tag-default-html/components/layout/divider.html index ddde6486f78..3cd357e0502 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider.html +++ b/review/fix-2678-tag-default-html/components/layout/divider.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/docs/Angular.html b/review/fix-2678-tag-default-html/components/layout/divider/docs/Angular.html index 438bc8a6f85..b2101b1bfe0 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-divider></db-divider>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/docs/HTML.html b/review/fix-2678-tag-default-html/components/layout/divider/docs/HTML.html index f008b320935..7fd620ab22c 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/divider/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/docs/Migration.html b/review/fix-2678-tag-default-html/components/layout/divider/docs/Migration.html index 966d6fc5b27..149c38f10cc 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/docs/React.html b/review/fix-2678-tag-default-html/components/layout/divider/docs/React.html index 94d910d4b27..926187bc88c 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/docs/React.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/divider/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/docs/Vue.html b/review/fix-2678-tag-default-html/components/layout/divider/docs/Vue.html index 31f789e99f9..d50ef5d9de0 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/divider/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/how-to-use.html b/review/fix-2678-tag-default-html/components/layout/divider/how-to-use.html index 250aac6982b..7fdb21a0a98 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/migration.html b/review/fix-2678-tag-default-html/components/layout/divider/migration.html index 953005401b6..6f454c12000 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/migration.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/overview.html b/review/fix-2678-tag-default-html/components/layout/divider/overview.html index d9c325a70b4..f7bd0b8306a 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/overview.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/divider/properties.html b/review/fix-2678-tag-default-html/components/layout/divider/properties.html index c4e6441ffba..3e261ed8dea 100644 --- a/review/fix-2678-tag-default-html/components/layout/divider/properties.html +++ b/review/fix-2678-tag-default-html/components/layout/divider/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer.html b/review/fix-2678-tag-default-html/components/layout/drawer.html index 8ad337890ab..9ac4aea2408 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/docs/Angular.html b/review/fix-2678-tag-default-html/components/layout/drawer/docs/Angular.html index c1a89b3afed..c3f02e7cc9f 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -28,4 +28,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/layout/drawer/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/docs/HTML.html b/review/fix-2678-tag-default-html/components/layout/drawer/docs/HTML.html index df119430fb4..5487b1e2ce8 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/layout/drawer/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/docs/Migration.html b/review/fix-2678-tag-default-html/components/layout/drawer/docs/Migration.html index f4d406eba5d..18194a83a02 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/docs/React.html b/review/fix-2678-tag-default-html/components/layout/drawer/docs/React.html index 289d7e9a573..e69907fa0d4 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/docs/React.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -31,4 +31,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/layout/drawer/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/docs/Vue.html b/review/fix-2678-tag-default-html/components/layout/drawer/docs/Vue.html index adaccfda1f2..8a7f5aa4deb 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/layout/drawer/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/how-to-use.html b/review/fix-2678-tag-default-html/components/layout/drawer/how-to-use.html index 5be13aa68e2..bb9cb322d2d 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/migration.html b/review/fix-2678-tag-default-html/components/layout/drawer/migration.html index f945735d931..d34d2466617 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/migration.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/overview.html b/review/fix-2678-tag-default-html/components/layout/drawer/overview.html index 8f65c4642e7..f8ea7f88560 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/overview.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/drawer/properties.html b/review/fix-2678-tag-default-html/components/layout/drawer/properties.html index 6cba86e994b..229084cb039 100644 --- a/review/fix-2678-tag-default-html/components/layout/drawer/properties.html +++ b/review/fix-2678-tag-default-html/components/layout/drawer/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header.html b/review/fix-2678-tag-default-html/components/layout/header.html index 0831a6f7a52..d7c8ee4639d 100644 --- a/review/fix-2678-tag-default-html/components/layout/header.html +++ b/review/fix-2678-tag-default-html/components/layout/header.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/docs/Angular.html b/review/fix-2678-tag-default-html/components/layout/header/docs/Angular.html index 290c420f853..4135409583f 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/layout/header/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -70,4 +70,4 @@ 
    Full{"props":{"pageProps":{}},"page":"/components/layout/header/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/docs/HTML.html b/review/fix-2678-tag-default-html/components/layout/header/docs/HTML.html index 3db9e8f571e..c0769ec3d9a 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/layout/header/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -161,4 +161,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/header/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/docs/Migration.html b/review/fix-2678-tag-default-html/components/layout/header/docs/Migration.html index 1f830f514b3..31757ed6f19 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/layout/header/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    rea-header🔁db-header

    mobilemobile anchor link

    -
    BeforeStatusAfterDescription
    mobile🔁forceMobileforces the burger menu for desktop
    \ No newline at end of file +
    BeforeStatusAfterDescription
    mobile🔁forceMobileforces the burger menu for desktop
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/docs/React.html b/review/fix-2678-tag-default-html/components/layout/header/docs/React.html index fe39bff0fd0..2b343171129 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/docs/React.html +++ b/review/fix-2678-tag-default-html/components/layout/header/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    Simplesimple anchor link

    @@ -54,4 +54,4 @@

    Full{"props":{"pageProps":{}},"page":"/components/layout/header/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/docs/Vue.html b/review/fix-2678-tag-default-html/components/layout/header/docs/Vue.html index 960ee6e3cf0..b13ae497182 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/layout/header/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    Simplesimple anchor link

    @@ -58,4 +58,4 @@

    Full{"props":{"pageProps":{}},"page":"/components/layout/header/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/how-to-use.html b/review/fix-2678-tag-default-html/components/layout/header/how-to-use.html index 2b914f44650..d0f2df36e6e 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/layout/header/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/migration.html b/review/fix-2678-tag-default-html/components/layout/header/migration.html index 1552e249ebf..5781648bcec 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/migration.html +++ b/review/fix-2678-tag-default-html/components/layout/header/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/overview.html b/review/fix-2678-tag-default-html/components/layout/header/overview.html index c2cc6073e64..a45990794ce 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/overview.html +++ b/review/fix-2678-tag-default-html/components/layout/header/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/header/properties.html b/review/fix-2678-tag-default-html/components/layout/header/properties.html index 1f13403c931..e215f5a14aa 100644 --- a/review/fix-2678-tag-default-html/components/layout/header/properties.html +++ b/review/fix-2678-tag-default-html/components/layout/header/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section.html b/review/fix-2678-tag-default-html/components/layout/section.html index fecad833fa1..a4265c7a94a 100644 --- a/review/fix-2678-tag-default-html/components/layout/section.html +++ b/review/fix-2678-tag-default-html/components/layout/section.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/docs/Angular.html b/review/fix-2678-tag-default-html/components/layout/section/docs/Angular.html index 627350728ec..4650264672f 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/layout/section/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-section variant="full">Section</db-section>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/docs/HTML.html b/review/fix-2678-tag-default-html/components/layout/section/docs/HTML.html index ea8ab85d2bb..9ab5ff9d1ee 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/layout/section/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/section/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/docs/Migration.html b/review/fix-2678-tag-default-html/components/layout/section/docs/Migration.html index e470b054d61..9751086439d 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/layout/section/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/docs/React.html b/review/fix-2678-tag-default-html/components/layout/section/docs/React.html index 7c89026cdb3..e03dcec0e0d 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/docs/React.html +++ b/review/fix-2678-tag-default-html/components/layout/section/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/section/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/docs/Vue.html b/review/fix-2678-tag-default-html/components/layout/section/docs/Vue.html index 83aef9fc8e2..fbe2cf36577 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/layout/section/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/section/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/how-to-use.html b/review/fix-2678-tag-default-html/components/layout/section/how-to-use.html index 20062fd1cfe..5663d3c5b42 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/layout/section/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/migration.html b/review/fix-2678-tag-default-html/components/layout/section/migration.html index 35fb51bba9a..1af79bd422e 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/migration.html +++ b/review/fix-2678-tag-default-html/components/layout/section/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/overview.html b/review/fix-2678-tag-default-html/components/layout/section/overview.html index 8fb7cf47047..dd0cbfa0d30 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/overview.html +++ b/review/fix-2678-tag-default-html/components/layout/section/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/layout/section/properties.html b/review/fix-2678-tag-default-html/components/layout/section/properties.html index 43bece01777..593a3a0757a 100644 --- a/review/fix-2678-tag-default-html/components/layout/section/properties.html +++ b/review/fix-2678-tag-default-html/components/layout/section/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/link.html b/review/fix-2678-tag-default-html/components/link.html index ff2a83af24d..90673881de5 100644 --- a/review/fix-2678-tag-default-html/components/link.html +++ b/review/fix-2678-tag-default-html/components/link.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/link/docs/Angular.html b/review/fix-2678-tag-default-html/components/link/docs/Angular.html index c8b98334e38..abf30fd0c01 100644 --- a/review/fix-2678-tag-default-html/components/link/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/link/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/link/docs/HTML.html b/review/fix-2678-tag-default-html/components/link/docs/HTML.html index 889b3f72436..2c9d7cb621a 100644 --- a/review/fix-2678-tag-default-html/components/link/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/link/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/link/docs/React.html b/review/fix-2678-tag-default-html/components/link/docs/React.html index 6b990be1ec4..62cd981faad 100644 --- a/review/fix-2678-tag-default-html/components/link/docs/React.html +++ b/review/fix-2678-tag-default-html/components/link/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/link/docs/Vue.html b/review/fix-2678-tag-default-html/components/link/docs/Vue.html index c1cdfb5a2a4..d99d6d768c6 100644 --- a/review/fix-2678-tag-default-html/components/link/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/link/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/link/overview.html b/review/fix-2678-tag-default-html/components/link/overview.html index d2c53e4d21b..2359008a22c 100644 --- a/review/fix-2678-tag-default-html/components/link/overview.html +++ b/review/fix-2678-tag-default-html/components/link/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/link/properties.html b/review/fix-2678-tag-default-html/components/link/properties.html index 31497756f29..e75d5f36369 100644 --- a/review/fix-2678-tag-default-html/components/link/properties.html +++ b/review/fix-2678-tag-default-html/components/link/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation-item.html b/review/fix-2678-tag-default-html/components/navigation-item.html index c3197e4725d..14d8531733a 100644 --- a/review/fix-2678-tag-default-html/components/navigation-item.html +++ b/review/fix-2678-tag-default-html/components/navigation-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation-item/docs/Angular.html b/review/fix-2678-tag-default-html/components/navigation-item/docs/Angular.html index 9290d5a0436..06bb5000e4d 100644 --- a/review/fix-2678-tag-default-html/components/navigation-item/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/navigation-item/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation-item/docs/HTML.html b/review/fix-2678-tag-default-html/components/navigation-item/docs/HTML.html index 424dd0a40ee..1c6471afd38 100644 --- a/review/fix-2678-tag-default-html/components/navigation-item/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/navigation-item/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation-item/docs/React.html b/review/fix-2678-tag-default-html/components/navigation-item/docs/React.html index f4c0eabbb65..d5915f4ae4d 100644 --- a/review/fix-2678-tag-default-html/components/navigation-item/docs/React.html +++ b/review/fix-2678-tag-default-html/components/navigation-item/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation-item/docs/Vue.html b/review/fix-2678-tag-default-html/components/navigation-item/docs/Vue.html index 0f9a1dd9fce..05af654b404 100644 --- a/review/fix-2678-tag-default-html/components/navigation-item/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/navigation-item/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation-item/overview.html b/review/fix-2678-tag-default-html/components/navigation-item/overview.html index 271dc0808b4..9555cfa3ec7 100644 --- a/review/fix-2678-tag-default-html/components/navigation-item/overview.html +++ b/review/fix-2678-tag-default-html/components/navigation-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation-item/properties.html b/review/fix-2678-tag-default-html/components/navigation-item/properties.html index 4905bc58fd9..d7dfb59d66f 100644 --- a/review/fix-2678-tag-default-html/components/navigation-item/properties.html +++ b/review/fix-2678-tag-default-html/components/navigation-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation.html b/review/fix-2678-tag-default-html/components/navigation.html index c2fa5aff5c5..71c2c9868a4 100644 --- a/review/fix-2678-tag-default-html/components/navigation.html +++ b/review/fix-2678-tag-default-html/components/navigation.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/docs/Angular.html b/review/fix-2678-tag-default-html/components/navigation/docs/Angular.html index b6a5280c2eb..2a1ef8f6aac 100644 --- a/review/fix-2678-tag-default-html/components/navigation/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/navigation/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/docs/HTML.html b/review/fix-2678-tag-default-html/components/navigation/docs/HTML.html index 4152466355c..a05bf9c37f5 100644 --- a/review/fix-2678-tag-default-html/components/navigation/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/navigation/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/docs/React.html b/review/fix-2678-tag-default-html/components/navigation/docs/React.html index e8cb6d77f09..d7fc14e4192 100644 --- a/review/fix-2678-tag-default-html/components/navigation/docs/React.html +++ b/review/fix-2678-tag-default-html/components/navigation/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/docs/Vue.html b/review/fix-2678-tag-default-html/components/navigation/docs/Vue.html index b553cc91ea8..ed48767ac9b 100644 --- a/review/fix-2678-tag-default-html/components/navigation/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/navigation/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item.html index 84f30ea8aa7..547d82ee8b1 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Angular.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Angular.html index 4a12fbea439..b93d4283e7e 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -40,4 +40,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation-item/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/HTML.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/HTML.html index f09428c98b6..8966d028657 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    If you want to use sub-navigations for mobile you need to add a eventListner:click on the db-navigation-item-expand-button. This eventListener should set aria-expanded to true for the button. This will open a static overlay for mobile/tablet devices with your db-sub-navigation. For desktop devices it works by default with :hover.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation-item/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Migration.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Migration.html index fd69f1535ba..157e64ba735 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/React.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/React.html index 558630587c3..9be5b4ab642 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/React.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    @@ -32,4 +32,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation-item/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Vue.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Vue.html index 6cf6e5877e8..6e0fad18d64 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    @@ -26,4 +26,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation-item/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/how-to-use.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/how-to-use.html index d578cacd9af..cf902ecabda 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/migration.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/migration.html index 74d5e4cfbbd..c13ea93a6a2 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/migration.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/overview.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/overview.html index 25a0b2f85fe..308a8849a07 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/overview.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation-item/properties.html b/review/fix-2678-tag-default-html/components/navigation/navigation-item/properties.html index e78b4db6e91..40069d813b5 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation-item/properties.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation.html b/review/fix-2678-tag-default-html/components/navigation/navigation.html index c93cef8e3fc..a907f0388e1 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Angular.html b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Angular.html index 9007511fef9..63f5e459439 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -113,4 +113,4 @@ 
    Angular Router and active stat
 		</ng-container>
 	</db-navigation-item>
 </db-navigation>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/HTML.html b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/HTML.html index a07166fcfbf..7ed92726426 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -48,4 +48,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Migration.html b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Migration.html index f52262335c2..67b11982922 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-mainnavigation🔁db-navigation

    childrenchildren anchor link

    -
    BeforeStatusAfterDescription
    data❌❌pass data via children / slot, moved a lot of the features to db-header
    siteName❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    data❌❌pass data via children / slot, moved a lot of the features to db-header
    siteName❌❌
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/React.html b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/React.html index a9fd2a225de..33efe4b27ec 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/React.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -43,4 +43,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Vue.html b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Vue.html index 7467cca1d0c..3ec137126a8 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -74,4 +74,4 @@ 
    Vue Router and active state handli
 		</DBNavigationItem>
 	</DBMainNavigation>
 </template>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/how-to-use.html b/review/fix-2678-tag-default-html/components/navigation/navigation/how-to-use.html index 28298de8752..478e9b8a9cf 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/migration.html b/review/fix-2678-tag-default-html/components/navigation/navigation/migration.html index dc0c89ea7e3..9b6a93c9a80 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/migration.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/overview.html b/review/fix-2678-tag-default-html/components/navigation/navigation/overview.html index 81e3ebb2875..71e29485f4b 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/overview.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/navigation/properties.html b/review/fix-2678-tag-default-html/components/navigation/navigation/properties.html index 8aa9221b03d..1180d7b40dc 100644 --- a/review/fix-2678-tag-default-html/components/navigation/navigation/properties.html +++ b/review/fix-2678-tag-default-html/components/navigation/navigation/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/overview.html b/review/fix-2678-tag-default-html/components/navigation/overview.html index ce4059553b8..91f3ddac3c9 100644 --- a/review/fix-2678-tag-default-html/components/navigation/overview.html +++ b/review/fix-2678-tag-default-html/components/navigation/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/navigation/properties.html b/review/fix-2678-tag-default-html/components/navigation/properties.html index affb24ad0da..2e76ac26a48 100644 --- a/review/fix-2678-tag-default-html/components/navigation/properties.html +++ b/review/fix-2678-tag-default-html/components/navigation/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/notification.html b/review/fix-2678-tag-default-html/components/notification.html index 8087242f4f7..ee6d266ef03 100644 --- a/review/fix-2678-tag-default-html/components/notification.html +++ b/review/fix-2678-tag-default-html/components/notification.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/notification/docs/Angular.html b/review/fix-2678-tag-default-html/components/notification/docs/Angular.html index 60bc679b2fc..9a1e5b9e1cf 100644 --- a/review/fix-2678-tag-default-html/components/notification/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/notification/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/notification/docs/HTML.html b/review/fix-2678-tag-default-html/components/notification/docs/HTML.html index 777a059c947..40c13d10799 100644 --- a/review/fix-2678-tag-default-html/components/notification/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/notification/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/notification/docs/React.html b/review/fix-2678-tag-default-html/components/notification/docs/React.html index ee3996d649c..e44c5beb3f5 100644 --- a/review/fix-2678-tag-default-html/components/notification/docs/React.html +++ b/review/fix-2678-tag-default-html/components/notification/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/notification/docs/Vue.html b/review/fix-2678-tag-default-html/components/notification/docs/Vue.html index 89d1390848a..2cd3aa6e50a 100644 --- a/review/fix-2678-tag-default-html/components/notification/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/notification/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/notification/overview.html b/review/fix-2678-tag-default-html/components/notification/overview.html index 80bf05d56e9..6465e829160 100644 --- a/review/fix-2678-tag-default-html/components/notification/overview.html +++ b/review/fix-2678-tag-default-html/components/notification/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/notification/properties.html b/review/fix-2678-tag-default-html/components/notification/properties.html index 446a308eea3..ec583f93647 100644 --- a/review/fix-2678-tag-default-html/components/notification/properties.html +++ b/review/fix-2678-tag-default-html/components/notification/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/popover.html b/review/fix-2678-tag-default-html/components/popover.html index 081ddc14b81..381267b4a3d 100644 --- a/review/fix-2678-tag-default-html/components/popover.html +++ b/review/fix-2678-tag-default-html/components/popover.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/popover/docs/Angular.html b/review/fix-2678-tag-default-html/components/popover/docs/Angular.html index df25c64333f..c1ec74e5ec7 100644 --- a/review/fix-2678-tag-default-html/components/popover/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/popover/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/popover/docs/HTML.html b/review/fix-2678-tag-default-html/components/popover/docs/HTML.html index e9e067431d2..2fa2517b6a0 100644 --- a/review/fix-2678-tag-default-html/components/popover/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/popover/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/popover/docs/React.html b/review/fix-2678-tag-default-html/components/popover/docs/React.html index e33b0b24510..b0c82f92393 100644 --- a/review/fix-2678-tag-default-html/components/popover/docs/React.html +++ b/review/fix-2678-tag-default-html/components/popover/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/popover/docs/Vue.html b/review/fix-2678-tag-default-html/components/popover/docs/Vue.html index b8d2bf06ec2..be08ece002d 100644 --- a/review/fix-2678-tag-default-html/components/popover/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/popover/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/popover/overview.html b/review/fix-2678-tag-default-html/components/popover/overview.html index d0188a11093..36007ae17ab 100644 --- a/review/fix-2678-tag-default-html/components/popover/overview.html +++ b/review/fix-2678-tag-default-html/components/popover/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/popover/properties.html b/review/fix-2678-tag-default-html/components/popover/properties.html index d2a5c70b9e6..aed23981dda 100644 --- a/review/fix-2678-tag-default-html/components/popover/properties.html +++ b/review/fix-2678-tag-default-html/components/popover/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/radio.html b/review/fix-2678-tag-default-html/components/radio.html index 5ebdcd6b48a..91750a4a2cb 100644 --- a/review/fix-2678-tag-default-html/components/radio.html +++ b/review/fix-2678-tag-default-html/components/radio.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/radio/docs/Angular.html b/review/fix-2678-tag-default-html/components/radio/docs/Angular.html index 04d773111ad..31187a5b3b0 100644 --- a/review/fix-2678-tag-default-html/components/radio/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/radio/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/radio/docs/HTML.html b/review/fix-2678-tag-default-html/components/radio/docs/HTML.html index 704ec8929d3..83a1b5df388 100644 --- a/review/fix-2678-tag-default-html/components/radio/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/radio/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/radio/docs/React.html b/review/fix-2678-tag-default-html/components/radio/docs/React.html index 8ee90799518..abf0e28705a 100644 --- a/review/fix-2678-tag-default-html/components/radio/docs/React.html +++ b/review/fix-2678-tag-default-html/components/radio/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/radio/docs/Vue.html b/review/fix-2678-tag-default-html/components/radio/docs/Vue.html index 26dc21b4f5c..85b9dd6263a 100644 --- a/review/fix-2678-tag-default-html/components/radio/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/radio/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/radio/overview.html b/review/fix-2678-tag-default-html/components/radio/overview.html index afc95a6a274..7473e197b21 100644 --- a/review/fix-2678-tag-default-html/components/radio/overview.html +++ b/review/fix-2678-tag-default-html/components/radio/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/radio/properties.html b/review/fix-2678-tag-default-html/components/radio/properties.html index ce8c9d3920c..b1965ea9470 100644 --- a/review/fix-2678-tag-default-html/components/radio/properties.html +++ b/review/fix-2678-tag-default-html/components/radio/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/readme.html b/review/fix-2678-tag-default-html/components/readme.html index 0c54f2b136e..4d33536c646 100644 --- a/review/fix-2678-tag-default-html/components/readme.html +++ b/review/fix-2678-tag-default-html/components/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/router-usage.html b/review/fix-2678-tag-default-html/components/router-usage.html index a6a0a7e295f..b1814b08ef5 100644 --- a/review/fix-2678-tag-default-html/components/router-usage.html +++ b/review/fix-2678-tag-default-html/components/router-usage.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/section.html b/review/fix-2678-tag-default-html/components/section.html index 4c879788aed..46d872e4372 100644 --- a/review/fix-2678-tag-default-html/components/section.html +++ b/review/fix-2678-tag-default-html/components/section.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/section/docs/Angular.html b/review/fix-2678-tag-default-html/components/section/docs/Angular.html index 8cd8b42499b..464338f016f 100644 --- a/review/fix-2678-tag-default-html/components/section/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/section/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/section/docs/HTML.html b/review/fix-2678-tag-default-html/components/section/docs/HTML.html index a4b12a6958b..482308c711b 100644 --- a/review/fix-2678-tag-default-html/components/section/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/section/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/section/docs/React.html b/review/fix-2678-tag-default-html/components/section/docs/React.html index 7cf35a6b7b5..aee49edb9a0 100644 --- a/review/fix-2678-tag-default-html/components/section/docs/React.html +++ b/review/fix-2678-tag-default-html/components/section/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/section/docs/Vue.html b/review/fix-2678-tag-default-html/components/section/docs/Vue.html index 1f66ee2ff26..c7c5383f50c 100644 --- a/review/fix-2678-tag-default-html/components/section/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/section/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/section/overview.html b/review/fix-2678-tag-default-html/components/section/overview.html index 6b121e8a5c1..7af371743c1 100644 --- a/review/fix-2678-tag-default-html/components/section/overview.html +++ b/review/fix-2678-tag-default-html/components/section/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/section/properties.html b/review/fix-2678-tag-default-html/components/section/properties.html index 4714666fabf..4cba3ec291a 100644 --- a/review/fix-2678-tag-default-html/components/section/properties.html +++ b/review/fix-2678-tag-default-html/components/section/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/select.html b/review/fix-2678-tag-default-html/components/select.html index 1235dd471ca..287744a6148 100644 --- a/review/fix-2678-tag-default-html/components/select.html +++ b/review/fix-2678-tag-default-html/components/select.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/select/docs/Angular.html b/review/fix-2678-tag-default-html/components/select/docs/Angular.html index 77fe9dee66a..c7df8b5b908 100644 --- a/review/fix-2678-tag-default-html/components/select/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/select/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/select/docs/HTML.html b/review/fix-2678-tag-default-html/components/select/docs/HTML.html index 6f06382f23b..fbf50251229 100644 --- a/review/fix-2678-tag-default-html/components/select/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/select/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/select/docs/React.html b/review/fix-2678-tag-default-html/components/select/docs/React.html index ee3dad2c752..e10ec0e28d9 100644 --- a/review/fix-2678-tag-default-html/components/select/docs/React.html +++ b/review/fix-2678-tag-default-html/components/select/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/select/docs/Vue.html b/review/fix-2678-tag-default-html/components/select/docs/Vue.html index 0f96117d786..4b2f663e57c 100644 --- a/review/fix-2678-tag-default-html/components/select/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/select/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/select/overview.html b/review/fix-2678-tag-default-html/components/select/overview.html index b3f0822b74f..3458ff05704 100644 --- a/review/fix-2678-tag-default-html/components/select/overview.html +++ b/review/fix-2678-tag-default-html/components/select/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/select/properties.html b/review/fix-2678-tag-default-html/components/select/properties.html index 430f8136601..fb6cb0c567d 100644 --- a/review/fix-2678-tag-default-html/components/select/properties.html +++ b/review/fix-2678-tag-default-html/components/select/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/switch.html b/review/fix-2678-tag-default-html/components/switch.html index 367b539097b..a886d71f0c4 100644 --- a/review/fix-2678-tag-default-html/components/switch.html +++ b/review/fix-2678-tag-default-html/components/switch.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/switch/docs/Angular.html b/review/fix-2678-tag-default-html/components/switch/docs/Angular.html index 6d7b1ef6f59..89c5ecbd70f 100644 --- a/review/fix-2678-tag-default-html/components/switch/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/switch/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/switch/docs/HTML.html b/review/fix-2678-tag-default-html/components/switch/docs/HTML.html index 76690cd7e5c..876e4ef3b06 100644 --- a/review/fix-2678-tag-default-html/components/switch/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/switch/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/switch/docs/React.html b/review/fix-2678-tag-default-html/components/switch/docs/React.html index 68ad5b9467e..e5c90b10e37 100644 --- a/review/fix-2678-tag-default-html/components/switch/docs/React.html +++ b/review/fix-2678-tag-default-html/components/switch/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/switch/docs/Vue.html b/review/fix-2678-tag-default-html/components/switch/docs/Vue.html index c8a98950c60..3d74f496943 100644 --- a/review/fix-2678-tag-default-html/components/switch/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/switch/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/switch/overview.html b/review/fix-2678-tag-default-html/components/switch/overview.html index 9d86262d713..16fc5f26491 100644 --- a/review/fix-2678-tag-default-html/components/switch/overview.html +++ b/review/fix-2678-tag-default-html/components/switch/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/switch/properties.html b/review/fix-2678-tag-default-html/components/switch/properties.html index a603f17fdbb..7cb9647386d 100644 --- a/review/fix-2678-tag-default-html/components/switch/properties.html +++ b/review/fix-2678-tag-default-html/components/switch/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tab-item.html b/review/fix-2678-tag-default-html/components/tab-item.html index 23fee55c15a..9b10d223aaf 100644 --- a/review/fix-2678-tag-default-html/components/tab-item.html +++ b/review/fix-2678-tag-default-html/components/tab-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tab-item/docs/Angular.html b/review/fix-2678-tag-default-html/components/tab-item/docs/Angular.html index 92cc204a3fb..d59ed22cda3 100644 --- a/review/fix-2678-tag-default-html/components/tab-item/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/tab-item/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tab-item/docs/HTML.html b/review/fix-2678-tag-default-html/components/tab-item/docs/HTML.html index d29186e52bb..745ddc713e0 100644 --- a/review/fix-2678-tag-default-html/components/tab-item/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/tab-item/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tab-item/docs/React.html b/review/fix-2678-tag-default-html/components/tab-item/docs/React.html index 37345057756..5f757c9f494 100644 --- a/review/fix-2678-tag-default-html/components/tab-item/docs/React.html +++ b/review/fix-2678-tag-default-html/components/tab-item/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tab-item/docs/Vue.html b/review/fix-2678-tag-default-html/components/tab-item/docs/Vue.html index fb6b87139e0..2d6a620dd51 100644 --- a/review/fix-2678-tag-default-html/components/tab-item/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/tab-item/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tab-item/overview.html b/review/fix-2678-tag-default-html/components/tab-item/overview.html index 44b32b84dbf..ff6a52197c0 100644 --- a/review/fix-2678-tag-default-html/components/tab-item/overview.html +++ b/review/fix-2678-tag-default-html/components/tab-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tab-item/properties.html b/review/fix-2678-tag-default-html/components/tab-item/properties.html index 2bb15e3b4ce..1acf82c8c33 100644 --- a/review/fix-2678-tag-default-html/components/tab-item/properties.html +++ b/review/fix-2678-tag-default-html/components/tab-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tabs.html b/review/fix-2678-tag-default-html/components/tabs.html index c892082e0fb..ee36f0cec32 100644 --- a/review/fix-2678-tag-default-html/components/tabs.html +++ b/review/fix-2678-tag-default-html/components/tabs.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tabs/docs/Angular.html b/review/fix-2678-tag-default-html/components/tabs/docs/Angular.html index 0139d3dd86c..69c80b63185 100644 --- a/review/fix-2678-tag-default-html/components/tabs/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/tabs/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tabs/docs/HTML.html b/review/fix-2678-tag-default-html/components/tabs/docs/HTML.html index ca44f1c955b..fb8148aeac6 100644 --- a/review/fix-2678-tag-default-html/components/tabs/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/tabs/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tabs/docs/React.html b/review/fix-2678-tag-default-html/components/tabs/docs/React.html index f84eca5d219..89d1c9c44e7 100644 --- a/review/fix-2678-tag-default-html/components/tabs/docs/React.html +++ b/review/fix-2678-tag-default-html/components/tabs/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tabs/docs/Vue.html b/review/fix-2678-tag-default-html/components/tabs/docs/Vue.html index b983bf793fc..c3fb3e1000d 100644 --- a/review/fix-2678-tag-default-html/components/tabs/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/tabs/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tabs/overview.html b/review/fix-2678-tag-default-html/components/tabs/overview.html index a3ab0aecfca..ac3e79c04be 100644 --- a/review/fix-2678-tag-default-html/components/tabs/overview.html +++ b/review/fix-2678-tag-default-html/components/tabs/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tabs/properties.html b/review/fix-2678-tag-default-html/components/tabs/properties.html index d6e6fcd594c..6a274bdb68b 100644 --- a/review/fix-2678-tag-default-html/components/tabs/properties.html +++ b/review/fix-2678-tag-default-html/components/tabs/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tag.html b/review/fix-2678-tag-default-html/components/tag.html index 5d53020790c..504df4e6343 100644 --- a/review/fix-2678-tag-default-html/components/tag.html +++ b/review/fix-2678-tag-default-html/components/tag.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tag/docs/Angular.html b/review/fix-2678-tag-default-html/components/tag/docs/Angular.html index 3239fe392a6..3132bd2ed3e 100644 --- a/review/fix-2678-tag-default-html/components/tag/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/tag/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tag/docs/HTML.html b/review/fix-2678-tag-default-html/components/tag/docs/HTML.html index a443582f4ac..a64c2cec00a 100644 --- a/review/fix-2678-tag-default-html/components/tag/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/tag/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tag/docs/React.html b/review/fix-2678-tag-default-html/components/tag/docs/React.html index 059733faa76..0accc2cbb37 100644 --- a/review/fix-2678-tag-default-html/components/tag/docs/React.html +++ b/review/fix-2678-tag-default-html/components/tag/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tag/docs/Vue.html b/review/fix-2678-tag-default-html/components/tag/docs/Vue.html index f41ec3ce6aa..0ae85348aaa 100644 --- a/review/fix-2678-tag-default-html/components/tag/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/tag/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tag/overview.html b/review/fix-2678-tag-default-html/components/tag/overview.html index 32c546256d8..50ac92bd141 100644 --- a/review/fix-2678-tag-default-html/components/tag/overview.html +++ b/review/fix-2678-tag-default-html/components/tag/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tag/properties.html b/review/fix-2678-tag-default-html/components/tag/properties.html index 0e51a5f78ad..cd6ca267161 100644 --- a/review/fix-2678-tag-default-html/components/tag/properties.html +++ b/review/fix-2678-tag-default-html/components/tag/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/textarea.html b/review/fix-2678-tag-default-html/components/textarea.html index 0b00c7ade09..8deeb282b52 100644 --- a/review/fix-2678-tag-default-html/components/textarea.html +++ b/review/fix-2678-tag-default-html/components/textarea.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/textarea/docs/Angular.html b/review/fix-2678-tag-default-html/components/textarea/docs/Angular.html index ad9794dfeba..b559cbeb0b7 100644 --- a/review/fix-2678-tag-default-html/components/textarea/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/textarea/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/textarea/docs/HTML.html b/review/fix-2678-tag-default-html/components/textarea/docs/HTML.html index 4375a1765d7..868edd5c2a7 100644 --- a/review/fix-2678-tag-default-html/components/textarea/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/textarea/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/textarea/docs/React.html b/review/fix-2678-tag-default-html/components/textarea/docs/React.html index 66ad444080d..2270a39fa8b 100644 --- a/review/fix-2678-tag-default-html/components/textarea/docs/React.html +++ b/review/fix-2678-tag-default-html/components/textarea/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/textarea/docs/Vue.html b/review/fix-2678-tag-default-html/components/textarea/docs/Vue.html index f14e3dc2f8a..4ce8cca2f90 100644 --- a/review/fix-2678-tag-default-html/components/textarea/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/textarea/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/textarea/overview.html b/review/fix-2678-tag-default-html/components/textarea/overview.html index dc13114a7db..1a7c078631b 100644 --- a/review/fix-2678-tag-default-html/components/textarea/overview.html +++ b/review/fix-2678-tag-default-html/components/textarea/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/textarea/properties.html b/review/fix-2678-tag-default-html/components/textarea/properties.html index 335f100de5d..3274ebf3980 100644 --- a/review/fix-2678-tag-default-html/components/textarea/properties.html +++ b/review/fix-2678-tag-default-html/components/textarea/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tooltip.html b/review/fix-2678-tag-default-html/components/tooltip.html index 1c2486dc7bc..a309c820826 100644 --- a/review/fix-2678-tag-default-html/components/tooltip.html +++ b/review/fix-2678-tag-default-html/components/tooltip.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tooltip/docs/Angular.html b/review/fix-2678-tag-default-html/components/tooltip/docs/Angular.html index 0c929d6877e..16626cec637 100644 --- a/review/fix-2678-tag-default-html/components/tooltip/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/tooltip/docs/Angular.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tooltip/docs/HTML.html b/review/fix-2678-tag-default-html/components/tooltip/docs/HTML.html index 72b95b3fdea..efecb028ea2 100644 --- a/review/fix-2678-tag-default-html/components/tooltip/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/tooltip/docs/HTML.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tooltip/docs/React.html b/review/fix-2678-tag-default-html/components/tooltip/docs/React.html index c29c2c4baae..e2db191edf7 100644 --- a/review/fix-2678-tag-default-html/components/tooltip/docs/React.html +++ b/review/fix-2678-tag-default-html/components/tooltip/docs/React.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tooltip/docs/Vue.html b/review/fix-2678-tag-default-html/components/tooltip/docs/Vue.html index bff963eae06..7520b2d325d 100644 --- a/review/fix-2678-tag-default-html/components/tooltip/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/tooltip/docs/Vue.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tooltip/overview.html b/review/fix-2678-tag-default-html/components/tooltip/overview.html index f46850c6a09..997633c8866 100644 --- a/review/fix-2678-tag-default-html/components/tooltip/overview.html +++ b/review/fix-2678-tag-default-html/components/tooltip/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/tooltip/properties.html b/review/fix-2678-tag-default-html/components/tooltip/properties.html index 23b348ead8b..16f56d34468 100644 --- a/review/fix-2678-tag-default-html/components/tooltip/properties.html +++ b/review/fix-2678-tag-default-html/components/tooltip/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities.html b/review/fix-2678-tag-default-html/components/utilities.html index 0012893ddec..704c233e683 100644 --- a/review/fix-2678-tag-default-html/components/utilities.html +++ b/review/fix-2678-tag-default-html/components/utilities.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover.html b/review/fix-2678-tag-default-html/components/utilities/popover.html index 416fbc74ded..1d36692a2cd 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/docs/Angular.html b/review/fix-2678-tag-default-html/components/utilities/popover/docs/Angular.html index d08cf762e15..5163da48952 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/docs/Angular.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/utilities/popover/docs/Angular","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/docs/HTML.html b/review/fix-2678-tag-default-html/components/utilities/popover/docs/HTML.html index 35b10d8e372..bf20a093788 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/docs/HTML.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -14,4 +14,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/utilities/popover/docs/HTML","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/docs/Migration.html b/review/fix-2678-tag-default-html/components/utilities/popover/docs/Migration.html index 3bc5c58825f..c06977d9c39 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/docs/Migration.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/docs/React.html b/review/fix-2678-tag-default-html/components/utilities/popover/docs/React.html index 28ef70174bb..5f04c4ed5ac 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/docs/React.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/utilities/popover/docs/React","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/docs/Vue.html b/review/fix-2678-tag-default-html/components/utilities/popover/docs/Vue.html index c373e66516b..5320b2789a8 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/docs/Vue.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -15,4 +15,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/utilities/popover/docs/Vue","query":{},"buildId":"dBReh_0w-RPjiVbVrId04","assetPrefix":"/mono/review/fix-2678-tag-default-html","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/how-to-use.html b/review/fix-2678-tag-default-html/components/utilities/popover/how-to-use.html index 55031684fdf..d9b58029f84 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/how-to-use.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/migration.html b/review/fix-2678-tag-default-html/components/utilities/popover/migration.html index 835b74bba26..8ec87b57190 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/migration.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/overview.html b/review/fix-2678-tag-default-html/components/utilities/popover/overview.html index 7dd468a6319..d17133ea047 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/overview.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/utilities/popover/properties.html b/review/fix-2678-tag-default-html/components/utilities/popover/properties.html index 8a5dd0f19b8..2be16c8f211 100644 --- a/review/fix-2678-tag-default-html/components/utilities/popover/properties.html +++ b/review/fix-2678-tag-default-html/components/utilities/popover/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/components/validation.html b/review/fix-2678-tag-default-html/components/validation.html index d3c512e8e71..0a2c9cb7fdb 100644 --- a/review/fix-2678-tag-default-html/components/validation.html +++ b/review/fix-2678-tag-default-html/components/validation.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations.html b/review/fix-2678-tag-default-html/foundations.html index bd720e650fa..25537a53de3 100644 --- a/review/fix-2678-tag-default-html/foundations.html +++ b/review/fix-2678-tag-default-html/foundations.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/colors.html b/review/fix-2678-tag-default-html/foundations/colors.html index 81f78e2e940..298a0f11c62 100644 --- a/review/fix-2678-tag-default-html/foundations/colors.html +++ b/review/fix-2678-tag-default-html/foundations/colors.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/colors/color-schemes.html b/review/fix-2678-tag-default-html/foundations/colors/color-schemes.html index 60df3568b89..aebef604e03 100644 --- a/review/fix-2678-tag-default-html/foundations/colors/color-schemes.html +++ b/review/fix-2678-tag-default-html/foundations/colors/color-schemes.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/colors/overview.html b/review/fix-2678-tag-default-html/foundations/colors/overview.html index e0e0fabd45f..b5216b86d06 100644 --- a/review/fix-2678-tag-default-html/foundations/colors/overview.html +++ b/review/fix-2678-tag-default-html/foundations/colors/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/colors/readme.html b/review/fix-2678-tag-default-html/foundations/colors/readme.html index 5e334e90c96..56c76d2ce2d 100644 --- a/review/fix-2678-tag-default-html/foundations/colors/readme.html +++ b/review/fix-2678-tag-default-html/foundations/colors/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/densities.html b/review/fix-2678-tag-default-html/foundations/densities.html index 1c5f1217749..0a95c1135bb 100644 --- a/review/fix-2678-tag-default-html/foundations/densities.html +++ b/review/fix-2678-tag-default-html/foundations/densities.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/densities/examples.html b/review/fix-2678-tag-default-html/foundations/densities/examples.html index b8525276e42..7ac0844c0f9 100644 --- a/review/fix-2678-tag-default-html/foundations/densities/examples.html +++ b/review/fix-2678-tag-default-html/foundations/densities/examples.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/densities/readme.html b/review/fix-2678-tag-default-html/foundations/densities/readme.html index 7f3f213a25d..d0ff958f3bf 100644 --- a/review/fix-2678-tag-default-html/foundations/densities/readme.html +++ b/review/fix-2678-tag-default-html/foundations/densities/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/font-sizes.html b/review/fix-2678-tag-default-html/foundations/font-sizes.html index 700dc9c0696..e172eecce6d 100644 --- a/review/fix-2678-tag-default-html/foundations/font-sizes.html +++ b/review/fix-2678-tag-default-html/foundations/font-sizes.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/font-sizes/overview.html b/review/fix-2678-tag-default-html/foundations/font-sizes/overview.html index 959aa691633..dc3edc8c00a 100644 --- a/review/fix-2678-tag-default-html/foundations/font-sizes/overview.html +++ b/review/fix-2678-tag-default-html/foundations/font-sizes/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/font-sizes/readme.html b/review/fix-2678-tag-default-html/foundations/font-sizes/readme.html index a96b1bea708..649c20fdf88 100644 --- a/review/fix-2678-tag-default-html/foundations/font-sizes/readme.html +++ b/review/fix-2678-tag-default-html/foundations/font-sizes/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/icons.html b/review/fix-2678-tag-default-html/foundations/icons.html index b361b8efcd2..5ca2a92628a 100644 --- a/review/fix-2678-tag-default-html/foundations/icons.html +++ b/review/fix-2678-tag-default-html/foundations/icons.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/icons/custom-icons.html b/review/fix-2678-tag-default-html/foundations/icons/custom-icons.html index 5801b818637..e582fd8deb9 100644 --- a/review/fix-2678-tag-default-html/foundations/icons/custom-icons.html +++ b/review/fix-2678-tag-default-html/foundations/icons/custom-icons.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/icons/overview.html b/review/fix-2678-tag-default-html/foundations/icons/overview.html index 686a09f9cb8..73cb0535041 100644 --- a/review/fix-2678-tag-default-html/foundations/icons/overview.html +++ b/review/fix-2678-tag-default-html/foundations/icons/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/icons/readme.html b/review/fix-2678-tag-default-html/foundations/icons/readme.html index 28363fdc10a..2c528dd6f3c 100644 --- a/review/fix-2678-tag-default-html/foundations/icons/readme.html +++ b/review/fix-2678-tag-default-html/foundations/icons/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/readme.html b/review/fix-2678-tag-default-html/foundations/readme.html index 608a0236b07..98cdf81972c 100644 --- a/review/fix-2678-tag-default-html/foundations/readme.html +++ b/review/fix-2678-tag-default-html/foundations/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/variables.html b/review/fix-2678-tag-default-html/foundations/variables.html index 06551a0f192..b5f7c2d1f05 100644 --- a/review/fix-2678-tag-default-html/foundations/variables.html +++ b/review/fix-2678-tag-default-html/foundations/variables.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/variables/examples.html b/review/fix-2678-tag-default-html/foundations/variables/examples.html index bcda6fe5d9c..1c802464aa4 100644 --- a/review/fix-2678-tag-default-html/foundations/variables/examples.html +++ b/review/fix-2678-tag-default-html/foundations/variables/examples.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/foundations/variables/readme.html b/review/fix-2678-tag-default-html/foundations/variables/readme.html index ca9bf3c0fd2..89e807722ca 100644 --- a/review/fix-2678-tag-default-html/foundations/variables/readme.html +++ b/review/fix-2678-tag-default-html/foundations/variables/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.contentWindow.js b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.contentWindow.js index 87ee26a3610..f5954cf1827 100644 --- a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.contentWindow.js +++ b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.contentWindow.js @@ -3,8 +3,8 @@ * Desc: Include this file in any page being loaded into an iframe * to force the iframe to resize to the content size. * Requires: iframeResizer.js on host page. - * Doc: https://github.com/davidjbradshaw/iframe-resizer - * Author: David J. Bradshaw - dave@bradshaw.net + * Doc: https://iframe-resizer.com + * Author: David J. Bradshaw - info@iframe-resizer.com * */ diff --git a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.contentWindow.min.js b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.contentWindow.min.js index d401dab2b23..b63a327fbfd 100644 --- a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.contentWindow.min.js +++ b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.contentWindow.min.js @@ -1,4 +1,4 @@ -/*! iFrame Resizer (iframeSizer.contentWindow.min.js) - v4.3.11 - 2024-04-22 +/*! iFrame Resizer (iframeSizer.contentWindow.min.js) - v4.4.4 - 2024-07-04 * Desc: Include this file in any page being loaded into an iframe * to force the iframe to resize to the content size. * Requires: iframeResizer.min.js on host page. diff --git a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.js b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.js index bc46e7455b0..9787576944a 100644 --- a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.js +++ b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.js @@ -2,12 +2,25 @@ * File: iframeResizer.js * Desc: Force iframes to size to content. * Requires: iframeResizer.contentWindow.js to be loaded into the target frame. - * Doc: https://github.com/davidjbradshaw/iframe-resizer - * Author: David J. Bradshaw - dave@bradshaw.net - * Contributor: Jure Mav - jure.mav@gmail.com - * Contributor: Reed Dadoune - reed@dadoune.com + * Doc: https://iframe-resizer.com + * Author: David J. Bradshaw - info@iframe-resizer.com */ +console.info(` +IFRAME-RESIZER + +Iframe-Resizer 5 is now available via the following two packages: + + * @iframe-resizer/parent + * @iframe-resizer/child + +Additionally their are also new versions of iframe-resizer for React, Vue, and jQuery. + +Version 5 of iframe-resizer has been extensively rewritten to use modern browser APIs, which has enabled significantly better performance and greater accuracy in the detection of content resizing events. + +Please see https://iframe-resizer.com/upgrade for more details. +`) + // eslint-disable-next-line sonarjs/cognitive-complexity, no-shadow-restricted-names ;(function (undefined) { if (typeof window === 'undefined') return // don't run for server side render diff --git a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.map b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.map index b4f25418f21..1b3ea71ad41 100644 --- a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.map +++ b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.map @@ -1 +1 @@ -{"version":3,"file":"iframeResizer.min.js","sources":["iframeResizer.js"],"names":["undefined","count","destroyObserver","logEnabled","hiddenCheckEnabled","msgHeaderLen","msgId","msgIdLen","pagePosition","requestAnimationFrame","resetRequiredMethods","settings","timer","defaults","frameTimer","getMutationObserver","window","MutationObserver","WebKitMutationObserver","MozMutationObserver","addEventListener","el","evt","func","removeEventListener","formatLogHeader","iframeId","retStr","top","self","parentIFrame","getId","isLogEnabled","log","msg","output","info","warn","type","enabled","console","iFrameListener","event","resizeIFrame","ensureInRange","syncResize","setSize","messageData","setPagePosition","on","processMsg","data","slice","split","height","parseInt","iframe","compStyle","getComputedStyle","id","boxSizing","paddingTop","bot","paddingBottom","borderTopWidth","borderBottomWidth","width","Dimension","max","Number","min","dimension","toLowerCase","size","isMessageFromIFrame","origin","checkOrigin","constructor","Array","checkSingle","remoteHost","i","retCode","length","Error","getMsgBody","offset","indexOf","sendPageInfoToIframe","fn","time","frameId","bodyPosition","iFramePosition","trigger","document","body","getBoundingClientRect","JSON","stringify","iframeHeight","iframeWidth","clientHeight","Math","documentElement","innerHeight","clientWidth","innerWidth","offsetTop","offsetLeft","left","scrollTop","pageYOffset","scrollLeft","pageXOffset","documentHeight","documentWidth","windowHeight","windowWidth","setTimeout","getElementPosition","target","getPagePosition","x","floor","y","scrollRequestFromChild","addOffset","newPosition","scrollTo","unsetPagePosition","findTarget","location","hash","hashData","decodeURIComponent","getElementById","getElementsByName","jumpPosition","moveToAnchor","onMouse","mousePos","screenX","screenY","funcName","val","chkEvent","actionMsg","firstRun","closeIFrame","msgBody","message","parse","autoResize","setListener","stopPageInfo","stop","resetIFrame","sendPageInfo","forEach","createOutgoingMsg","loaded","true","false","retBool","retVal","TypeError","removeIframeListeners","parentNode","removeChild","error","disconnect","chkZero","checkIFrames","Object","keys","key","chkDimension","settingId","style","offsetParent","mutationObserved","mutations","debouce","querySelector","observe","attributes","attributeOldValue","characterData","characterDataOldValue","childList","subtree","processDimension","sizeHeight","sizeWidth","doNotSync","jasmine","calleeMsg","noResponseWarning","chkAndSend","contentWindow","targetOrigin","postMessage","warnOnNoResponse","warningTimeout","msgTimeout","errorShown","bodyMarginV1","interval","enablePublicMethods","bodyMargin","heightCalculationMethod","bodyBackground","bodyPadding","tolerance","inPageLinks","resizeFrom","widthCalculationMethod","mouseEvents","setupIFrame","options","init","mutation","prototype","call","removedNodes","removedNode","resetRequertMethod","depricate","splitName","this","name","charAt","toUpperCase","processOptions","create","src","join","copyOptions","option","hasOwnProperty","match","scrolling","overflow","chkMinMax","addStyle","iFrameResizer","close","bind","removeListeners","resize","anchor","sendMessage","styleValue","Infinity","tabVisible","visibilityState","sendTriggerMsg","eventName","setupEventListeners","factory","element","tagName","iFrames","push","vendors","querySelectorAll","createJQueryPublicMethod","$","iFrameResize","filter","each","index","end","freeze","scroll","bodyScroll","documentElementScroll","license","maxHeight","maxWidth","minHeight","minWidth","onClose","onClosed","onInit","onMessage","onMouseEnter","onMouseLeave","onResized","onScroll","jQuery","define","amd","module","exports"],"mappings":";;;;;;AAWC,CAAA,SAAWA,GACV,IAIIC,EACFC,EACAC,EACAC,EAEAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAMAC,EACAC,EACAC,EA4sCEC,EAlqCJ,SAASC,IACP,OACEC,OAAOC,kBACPD,OAAOE,wBACPF,OAAOG,mBAEX,CAEA,SAASC,EAAiBC,EAAIC,EAAKC,GACjCF,EAAGD,iBAAiBE,EAAKC,EAAM,CAAA,CAAK,CACtC,CAEA,SAASC,EAAoBH,EAAIC,EAAKC,GACpCF,EAAGG,oBAAoBF,EAAKC,EAAM,CAAA,CAAK,CACzC,CAkCA,SAASE,EAAgBC,GACvB,OAAOpB,EAAQ,KAbXqB,EAAS,eADED,EAccA,GAV3BC,EADEX,OAAOY,MAAQZ,OAAOa,KAEtBb,OAAOc,cAAgBd,OAAOc,aAAaC,MACvCf,OAAOc,aAAaC,MAAM,EAAI,KAAOL,EACrC,qBAAuBA,EAGxBC,GAIkC,IAd3C,IACMA,CAcN,CAEA,SAASK,EAAaN,GACpB,OAAOf,EAASe,GAAYf,EAASe,GAAUO,IAAM9B,CACvD,CAEA,SAAS8B,EAAIP,EAAUQ,GACrBC,EAAO,MAAOT,EAAUQ,EAAKF,EAAaN,CAAQ,CAAC,CACrD,CAEA,SAASU,EAAKV,EAAUQ,GACtBC,EAAO,OAAQT,EAAUQ,EAAKF,EAAaN,CAAQ,CAAC,CACtD,CAEA,SAASW,EAAKX,EAAUQ,GACtBC,EAAO,OAAQT,EAAUQ,EAAK,CAAA,CAAI,CACpC,CAEA,SAASC,EAAOG,EAAMZ,EAAUQ,EAAKK,GAC/B,CAAA,IAASA,GAAW,UAAa,OAAOvB,OAAOwB,SAEjDA,QAAQF,GAAMb,EAAgBC,CAAQ,EAAGQ,CAAG,CAEhD,CAEA,SAASO,EAAeC,GACtB,SAASC,IAOPC,EAAc,QAAQ,EACtBA,EAAc,OAAO,EAErBC,EATA,WACEC,EAAQC,CAAW,EACnBC,EAAgBtB,CAAQ,EACxBuB,EAAG,YAAaF,CAAW,CAC7B,EAKmBA,EAAa,MAAM,CACxC,CAEA,SAASG,IACP,IAAIC,EAAOjB,EAAIkB,MAAM7C,CAAQ,EAAE8C,MAAM,GAAG,EACpCC,EAASH,EAAK,GAAKI,SAASJ,EAAK,GAAI,EAAE,EAAI,EAC3CK,EAAS7C,EAASwC,EAAK,KAAOxC,EAASwC,EAAK,IAAIK,OAChDC,EAAYC,iBAAiBF,CAAM,EAEvC,MAAO,CACLA,OAAQA,EACRG,GAAIR,EAAK,GACTG,OAAQA,EAMZ,SAAwBG,GACtB,GAA4B,eAAxBA,EAAUG,UACZ,OAAO,EAET,IAAIhC,EAAM6B,EAAUI,WAAaN,SAASE,EAAUI,WAAY,EAAE,EAAI,EAClEC,EAAML,EAAUM,cAChBR,SAASE,EAAUM,cAAe,EAAE,EACpC,EACJ,OAAOnC,EAAMkC,CACf,EAfoCL,CAAS,EAiB7C,SAAuBA,GACrB,GAA4B,eAAxBA,EAAUG,UACZ,OAAO,EAET,IAAIhC,EAAM6B,EAAUO,eAChBT,SAASE,EAAUO,eAAgB,EAAE,EACrC,EACAF,EAAML,EAAUQ,kBAChBV,SAASE,EAAUQ,kBAAmB,EAAE,EACxC,EACJ,OAAOrC,EAAMkC,CACf,EA5B+DL,CAAS,EACpES,MAAOf,EAAK,GACZb,KAAMa,EAAK,EACb,CACF,CA0BA,SAASP,EAAcuB,GACrB,IAAIC,EAAMC,OAAO1D,EAASe,GAAU,MAAQyC,EAAU,EACpDG,EAAMD,OAAO1D,EAASe,GAAU,MAAQyC,EAAU,EAClDI,EAAYJ,EAAUK,YAAY,EAClCC,EAAOJ,OAAOtB,EAAYwB,EAAU,EAEtCtC,EAAIP,EAAU,YAAc6C,EAAY,gBAAkBD,EAAM,IAAMF,CAAG,EAErEK,EAAOH,IACTG,EAAOH,EACPrC,EAAIP,EAAU,OAAS6C,EAAY,eAAe,GAGzCH,EAAPK,IACFA,EAAOL,EACPnC,EAAIP,EAAU,OAAS6C,EAAY,eAAe,GAGpDxB,EAAYwB,GAAa,GAAKE,CAChC,CAEA,SAASC,IA8BP,IAAIC,EAASjC,EAAMiC,OACjBC,EAAcjE,EAASe,IAAaf,EAASe,GAAUkD,YAEzD,GAAIA,GAAe,GAAKD,GAAW,QAAU,CAhC7C,WA0BSC,GAAAA,EAAYC,cAAgBC,MAAsBC,OALnDC,EAAarE,EAASe,IAAaf,EAASe,GAAUsD,WAC1D/C,EAAIP,EAAU,gCAAkCsD,CAAU,EACnDL,IAAWK,EArBlB,IAmBIA,EAnBAC,EAAI,EACNC,EAAU,CAAA,EAQZ,IANAjD,EACEP,EACA,wDACEkD,CACJ,EAEOK,EAAIL,EAAYO,OAAQF,CAAC,GAC9B,GAAIL,EAAYK,KAAON,EAAQ,CAC7BO,EAAU,CAAA,EACV,KACF,CAEF,OAAOA,CAUX,EAKiE,EAC/D,MAAM,IAAIE,MACR,qCACET,EACA,QACA5B,EAAYS,OAAOG,GACnB,kBACAjB,EAAMS,KACN,oHACJ,EAGF,OAAO,CACT,CAqBA,SAASkC,EAAWC,GAClB,OAAOpD,EAAIkB,MAAMlB,EAAIqD,QAAQ,GAAG,EAAIlF,EAAeiF,CAAM,CAC3D,CA8CA,SAASE,EAAqBhC,EAAQ9B,GA25BxC,IAA6B+D,EAAIC,EAAMC,EAAVF,EA15BzB,WA3BF,IACMG,EACFC,EA0BAC,EAAQ,iBAAkB,aA3BxBF,EAAeG,SAASC,KAAKC,sBAAsB,EACrDJ,EAAiB9C,EAAYS,OAAOyC,sBAAsB,EAErDC,KAAKC,UAAU,CACpBC,aAAcP,EAAevC,OAC7B+C,YAAaR,EAAe3B,MAC5BoC,aAAcC,KAAKnC,IACjB2B,SAASS,gBAAgBF,aACzBtF,OAAOyF,aAAe,CACxB,EACAC,YAAaH,KAAKnC,IAChB2B,SAASS,gBAAgBE,YACzB1F,OAAO2F,YAAc,CACvB,EACAC,UAAWrD,SAASsC,EAAejE,IAAMgE,EAAahE,IAAK,EAAE,EAC7DiF,WAAYtD,SAASsC,EAAeiB,KAAOlB,EAAakB,KAAM,EAAE,EAChEC,UAAW/F,OAAOgG,YAClBC,WAAYjG,OAAOkG,YACnBC,eAAgBpB,SAASS,gBAAgBF,aACzCc,cAAerB,SAASS,gBAAgBE,YACxCW,aAAcrG,OAAOyF,YACrBa,YAAatG,OAAO2F,UACtB,CAAC,GAKwDnD,EAAQ9B,CAAQ,CACzE,EAw5B6BgE,EAv5BS,GAw5BnC5E,EADgC6E,EAv5BOjE,KAy5B1CZ,EAAW6E,GAAW4B,WAAW,WAC/BzG,EAAW6E,GAAW,KACtBF,EAAG,CACL,EAAGC,CAAI,EA35BT,CAoDA,SAAS8B,EAAmBC,GACtB5B,EAAiB4B,EAAOxB,sBAAsB,EAIlD,OAFAyB,EAAgBhG,CAAQ,EAEjB,CACLiG,EAAGpB,KAAKqB,MAAMvD,OAAOwB,EAAeiB,IAAI,EAAIzC,OAAO7D,EAAamH,CAAC,CAAC,EAClEE,EAAGtB,KAAKqB,MAAMvD,OAAOwB,EAAejE,GAAG,EAAIyC,OAAO7D,EAAaqH,CAAC,CAAC,CACnE,CACF,CAEA,SAASC,EAAuBC,GA6B9B,IAAIzC,EAASyC,EACPP,EAAmBzE,EAAYS,MAAM,EACrC,CAAEmE,EAAG,EAAGE,EAAG,CAAE,EACjBG,EAvBO,CACLL,EAAGtD,OAAOtB,EAAYmB,KAAK,EAAIoB,EAAOqC,EACtCE,EAAGxD,OAAOtB,EAAYO,MAAM,EAAIgC,EAAOuC,CACzC,EAsBF5F,EACEP,EACA,8CACE4D,EAAOqC,EACP,MACArC,EAAOuC,EACP,GACJ,EAEI7G,OAAOY,MAAQZ,OAAOa,MAxCxBrB,EAAewH,EACfC,EAAS,EACThG,EAAIP,EAAU,IAAI,GAWdV,OAAOc,aACTd,OAAOc,aAAa,YAAciG,EAAY,SAAW,KACvDC,EAAYL,EACZK,EAAYH,CACd,EAEAxF,EACEX,EACA,uEACF,CAuBN,CAEA,SAASuG,IACH,CAAA,IAAUhF,EAAG,WAAYzC,CAAY,EACvC0H,EAAkB,EAElBlF,EAAgBtB,CAAQ,CAE5B,CAEA,SAASyG,EAAWC,GAmClB,IAAIC,EAAOD,EAAS/E,MAAM,GAAG,EAAE,IAAM,GACnCiF,EAAWC,mBAAmBF,CAAI,EAClCZ,EACE1B,SAASyC,eAAeF,CAAQ,GAChCvC,SAAS0C,kBAAkBH,CAAQ,EAAE,GAErCb,GAvCEiB,EAAelB,EAAmBC,CAAM,EAE5CxF,EACEP,EACA,4BACE2G,EACA,WACAK,EAAaf,EACb,OACAe,EAAab,CACjB,EACArH,EAAe,CACbmH,EAAGe,EAAaf,EAChBE,EAAGa,EAAab,CAClB,EAEAI,EAAS,EACThG,EAAIP,EAAU,IAAI,GAwBTV,OAAOY,MAAQZ,OAAOa,KAC/BI,EAAIP,EAAU,iBAAmB2G,EAAO,YAAY,EArBhDrH,OAAOc,aACTd,OAAOc,aAAa6G,aAAaN,CAAI,EAErCpG,EACEP,EACA,iBACE2G,EACA,8CACJ,CAiBN,CAEA,SAASO,EAAQlG,GACf,IAGMS,EAHF0F,EAAW,GAIbA,EAFgC,IAA9BxE,OAAOtB,EAAYmB,KAAK,GAA0C,IAA/BG,OAAOtB,EAAYO,MAAM,EAEnD,CACTqE,GAFExE,EAAOkC,EAAW,CAAC,EAAEhC,MAAM,GAAG,GAExB,GACRwE,EAAG1E,EAAK,EACV,EAEW,CACTwE,EAAG5E,EAAYmB,MACf2D,EAAG9E,EAAYO,MACjB,EAGFL,EAAGP,EAAO,CACRc,OAAQT,EAAYS,OACpBsF,QAASzE,OAAOwE,EAASlB,CAAC,EAC1BoB,QAAS1E,OAAOwE,EAAShB,CAAC,EAC1BvF,KAAMS,EAAYT,IACpB,CAAC,CACH,CAEA,SAASW,EAAG+F,EAAUC,GACpB,OAAOC,EAASxH,EAAUsH,EAAUC,CAAG,CACzC,CAEA,SAASE,IAGP,OAFIxI,EAASe,IAAaf,EAASe,GAAU0H,UAoHzCzI,EAASe,KACXf,EAASe,GAAU0H,SAAW,CAAA,GAnHxBrG,EAAYT,MAClB,IAAK,QACH+G,EAAYtG,EAAYS,MAAM,EAC9B,MAGF,IAAK,UAjQqB8F,EAkQHjE,EAAW,CAAC,EAjQrCpD,EACEP,EACA,8BACEqB,EAAYS,OAAOG,GACnB,cACA2F,EACA,GACJ,EAEArG,EAAG,YAAa,CACdO,OAAQT,EAAYS,OACpB+F,QAASrD,KAAKsD,MAAMF,CAAO,CAC7B,CAAC,EAEDrH,EAAIP,EAAU,IAAI,EAoPd,MAGF,IAAK,aACHkH,EAAQ,cAAc,EACtB,MAGF,IAAK,aACHA,EAAQ,cAAc,EACtB,MAGF,IAAK,aACHjI,EAASe,GAAU+H,WAAavD,KAAKsD,MAAMnE,EAAW,CAAC,CAAC,EACxD,MAGF,IAAK,WACHyC,EAAuB,CAAA,CAAK,EAC5B,MAGF,IAAK,iBACHA,EAAuB,CAAA,CAAI,EAC3B,MAGF,IAAK,WACHtC,EACE7E,EAASe,IAAaf,EAASe,GAAU8B,OACzC9B,CACF,EAxNAiC,EAAKjC,EAHPgI,EAAY,OAAQtI,CAAgB,EAOlCT,EAASgD,KACXhD,EAASgD,GAAIgG,aAAeC,GAqN1B,MAGF,IAAK,eAnNHjJ,EAASe,IAAaf,EAASe,GAAUiI,eAC3ChJ,EAASe,GAAUiI,aAAa,EAChC,OAAOhJ,EAASe,GAAUiI,cAmNxB,MAGF,IAAK,aACHxB,EAAW9C,EAAW,CAAC,CAAC,EACxB,MAGF,IAAK,QACHwE,EAAY9G,CAAW,EACvB,MAGF,IAAK,OACHJ,EAAa,EACbM,EAAG,SAAUF,EAAYS,MAAM,EAC/B,MAGF,QAEkC,IAA9Ba,OAAOtB,EAAYmB,KAAK,GACO,IAA/BG,OAAOtB,EAAYO,MAAM,EAEzBjB,EACE,iCACEU,EAAYT,KAEZ,uGACJ,EAEAK,EAAa,CAGnB,CAxRA,SAAS+G,EAAYpH,EAAMf,GACzB,SAASuI,IACHnJ,EAASgD,GACX6B,EAAqB7E,EAASgD,GAAIH,OAAQG,CAAE,EAE5CiG,EAAK,CAET,CAEC,CAAC,SAAU,UAAUG,QAAQ,SAAUzI,GACtCW,EAAI0B,EAAIrB,EAAOhB,EAAM,4BAA4B,EACjDC,EAAKP,OAAQM,EAAKwI,CAAY,CAChC,CAAC,CACH,CAEA,SAASF,IACPF,EAAY,UAAWlI,CAAmB,CAC5C,CAlBF,IAwBMmC,EA3EwB2F,CA6U9B,CAqCA,IAnCqB5H,EA5VfwD,EA+XFhD,EAAMQ,EAAMS,KACdJ,EAAc,GACdrB,EAAW,KAEb,GAAI,8BAAgCQ,EApBlC,IAAK,IAAIR,KAAYf,EACnBmF,EACE,wBACAkE,EAAkBtI,CAAQ,EAC1Bf,EAASe,GAAU8B,OACnB9B,CACF,OA7XApB,KAAW,GAAK4B,GAAKkB,MAAM,EAAG7C,CAAQ,GACtC2B,EAAIkB,MAAM7C,CAAQ,EAAE8C,MAAM,GAAG,EAAE,KAAM1C,GA6YvCoC,EAAcG,EAAW,EACzBxB,EAAWqB,EAAYY,GACnBhD,EAASe,KACXf,EAASe,GAAUuI,OAAS,CAAA,IAzY1B/E,EAAUnC,EAAYT,OAAQ,CAAE4H,KAAM,EAAGC,MAAO,EAAGnK,UAAW,CAAE,IAGlEiC,EAAIP,EAAU,6CAA6C,EAyYzD,CAtYGwD,IAuVHkF,EAAU,CAAA,EAETzJ,EAHce,EAgD2BA,KA5C5C0I,EAAU,CAAA,EACV/H,EACEU,EAAYT,KACV,oBACAZ,EACA,kBACAQ,CACJ,GAGKkI,KAmCLnI,EAAIP,EAAU,aAAeQ,CAAG,EApS9BkI,EAAU,CAAA,EAEV,OAASrH,EAAYS,SACvBnB,EAAKX,EAAU,WAAaqB,EAAYY,GAAK,aAAa,EAC1DyG,EAAU,CAAA,GAELA,GAgSsB1F,EAAoB,GAC7CyE,EAAU,IAId/G,EAAKV,EAAU,YAAcQ,CAAG,CAEpC,CAEA,SAASgH,EAASxH,EAAUsH,EAAUC,GACpC,IAAI1H,EAAO,KACT8I,EAAS,KAEX,GAAI1J,EAASe,GAAW,CAGtB,GAAI,YAAe,OAFnBH,EAAOZ,EAASe,GAAUsH,IAKxB,MAAM,IAAIsB,UACRtB,EAAW,cAAgBtH,EAAW,qBACxC,EAJA2I,EAAS9I,EAAK0H,CAAG,CAMrB,CAEA,OAAOoB,CACT,CAEA,SAASE,EAAsB/G,GACzB9B,EAAW8B,EAAOG,GACtB,OAAOhD,EAASe,EAClB,CAEA,SAAS2H,EAAY7F,GACnB,IAAI9B,EAAW8B,EAAOG,GACtB,GAAgD,CAAA,IAA5CuF,EAASxH,EAAU,UAAWA,CAAQ,EACxCO,EAAIP,EAAU,yCAAyC,MADzD,CAIAO,EAAIP,EAAU,oBAAsBA,CAAQ,EAE5C,IAEM8B,EAAOgH,YACThH,EAAOgH,WAAWC,YAAYjH,CAAM,CAIxC,CAFE,MAAOkH,GACPrI,EAAKqI,CAAK,CACZ,CAEAxB,EAASxH,EAAU,WAAYA,CAAQ,EACvCO,EAAIP,EAAU,IAAI,EAClB6I,EAAsB/G,CAAM,EACxBtD,IACFA,EAAgByK,WAAW,EAC3BzK,EAAkB,KAjBpB,CAmBF,CAEA,SAASwH,EAAgBhG,GACnB,OAASlB,GAWXyB,EACEP,EACA,uBAZFlB,EAAe,CACbmH,EACE3G,OAAOkG,cAAgBlH,EACnB+F,SAASS,gBAAgBS,WACzBjG,OAAOkG,YACbW,EACE7G,OAAOgG,cAAgBhH,EACnB+F,SAASS,gBAAgBO,UACzB/F,OAAOgG,WACf,GAGuCW,EAAI,IAAMnH,EAAaqH,CAC9D,CAEJ,CAEA,SAAS7E,EAAgBtB,GACnB,OAASlB,IACXQ,OAAOiH,SAASzH,EAAamH,EAAGnH,EAAaqH,CAAC,EAC9C5F,EACEP,EACA,sBAAwBlB,EAAamH,EAAI,IAAMnH,EAAaqH,CAC9D,EACAK,EAAkB,EAEtB,CAEA,SAASA,IACP1H,EAAe,IACjB,CAEA,SAASqJ,EAAY9G,GAMnBd,EACEc,EAAYY,GACZ,4BACG,SAAWZ,EAAYT,KAAO,YAAc,SACjD,EACAoF,EAAgB3E,EAAYY,EAAE,EAC9Bd,EAXA,WACEC,EAAQC,CAAW,EACnB+C,EAAQ,QAAS,QAAS/C,EAAYS,OAAQT,EAAYY,EAAE,CAC9D,EAQkBZ,EAAa,OAAO,CACxC,CAEA,SAASD,EAAQC,GAmBf,SAAS6H,EAAQrG,GAMf,IAsfIkD,EAzCN,SAASoD,IA2BPC,OAAOC,KAAKpK,CAAQ,EAAEoJ,QAAQ,SAAUiB,GAzBtC,SAASC,EAAa1G,GACpB,MACE,SACC5D,EAASuK,IAAcvK,EAASuK,GAAW1H,OAAO2H,MAAM5G,GAE7D,CANF,IAAqB2G,EAajBvK,EAbiBuK,EA2BPF,IAlBH,OAKGrK,EAASuK,GAAW1H,OALX4H,eAMlBH,EAAa,QAAQ,GAAKA,EAAa,OAAO,IAE/CnF,EACE,oBACA,SACAnF,EAASuK,GAAW1H,OACpB0H,CACF,CAMJ,CAAC,CACH,CAEA,SAASG,EAAiBC,GACxBrJ,EACE,SACA,sBAAwBqJ,EAAU,GAAG7D,OAAS,IAAM6D,EAAU,GAAGhJ,IACnE,EACAiJ,EAAQV,EAAc,EAAE,CAC1B,CAnfOzK,CAAAA,GAAsB,MAAQ2C,EAAYwB,KAC7CnE,EAAqB,CAAA,EACrB6B,EAAIP,EAAU,sDAAsD,EAkgBpET,EAAmBF,EAAoB,KAdrC0G,EAAS1B,SAASyF,cAAc,MAAM,EAS7B,IAAIvK,EAAiBoK,CAAgB,EAEzCI,QAAQhE,EAVN,CACPiE,WAAY,CAAA,EACZC,kBAAmB,CAAA,EACnBC,cAAe,CAAA,EACfC,sBAAuB,CAAA,EACvBC,UAAW,CAAA,EACXC,QAAS,CAAA,CACX,CAG6B,EA5fjC,CAEA,SAASC,EAAiBzH,GA/B1B,IAAsBA,EAAAA,EAgCPA,EA/BRxB,EAAYY,IAIjBZ,EAAYS,OAAO2H,MAAM5G,GAAaxB,EAAYwB,GAAa,KAC/DtC,EACEc,EAAYY,GACZ,WACEjC,EACA,KACA6C,EACA,WACAxB,EAAYwB,GACZ,IACJ,GAbEtC,EAAI,YAAa,wBAAwB,EA+B3C2I,EAAQrG,CAAS,CACnB,CAEA,IAAI7C,EAAWqB,EAAYS,OAAOG,GAE9BhD,EAASe,KACPf,EAASe,GAAUuK,YACrBD,EAAiB,QAAQ,EAEvBrL,EAASe,GAAUwK,YACrBF,EAAiB,OAAO,CAG9B,CAEA,SAASnJ,EAAWtB,EAAMwB,EAAaoJ,GAGnCA,IAAcpJ,EAAYT,MAC1B7B,GAEA,CAACO,OAAOoL,SAERnK,EAAIc,EAAYY,GAAI,4BAA4B,EAChDlD,EAAsBc,CAAI,GAE1BA,EAAK,CAET,CAEA,SAASuE,EAAQuG,EAAWnK,EAAKsB,EAAQG,EAAI2I,GAqB3C,SAASC,IApBT,IACM9E,EAqBFjE,GACA,kBAAmBA,GACnB,OAASA,EAAOgJ,eAvBd/E,EAAS9G,EAASgD,IAAOhD,EAASgD,GAAI8I,aAC1CxK,EACE0B,EACA,IACE0I,EACA,2BACA1I,EACA,MACAzB,EACA,mBACAuF,CACJ,EACAjE,EAAOgJ,cAAcE,YAAYpM,EAAQ4B,EAAKuF,CAAM,GAIpDpF,EAAKsB,EAAI,IAAM0I,EAAY,YAAc1I,EAAK,aAAa,CAc7D,CAEA,SAASgJ,IAcHL,GACF3L,EAASgD,IACPhD,EAASgD,GAAIiJ,iBAEfjM,EAASgD,GAAIkJ,WAAatF,WAjB5B,WACM5G,CAAAA,EAASgD,IAAQhD,EAASgD,GAAIsG,QAAW6C,IAC3CA,EAAa,CAAA,EACbzK,EACEsB,EACA,mCACEhD,EAASgD,GAAIiJ,eAAiB,IAC9B,8NACJ,EAEJ,EASIjM,EAASgD,GAAIiJ,cACf,EAEJ,CAEA,IAAIE,EAAa,CAAA,EAEjBnJ,EAAKA,GAAMH,EAAOG,GAEdhD,EAASgD,KACX4I,EAAW,EACXI,EAAiB,EAErB,CAEA,SAAS3C,EAAkBtI,GACzB,OACEA,EACA,IACAf,EAASe,GAAUqL,aACnB,IACApM,EAASe,GAAUwK,UACnB,IACAvL,EAASe,GAAUO,IACnB,IACAtB,EAASe,GAAUsL,SACnB,IACArM,EAASe,GAAUuL,oBACnB,IACAtM,EAASe,GAAU+H,WACnB,IACA9I,EAASe,GAAUwL,WACnB,IACAvM,EAASe,GAAUyL,wBACnB,IACAxM,EAASe,GAAU0L,eACnB,IACAzM,EAASe,GAAU2L,YACnB,IACA1M,EAASe,GAAU4L,UACnB,IACA3M,EAASe,GAAU6L,YACnB,IACA5M,EAASe,GAAU8L,WACnB,IACA7M,EAASe,GAAU+L,uBACnB,IACA9M,EAASe,GAAUgM,WAEvB,CAMA,SAASC,EAAYnK,EAAQoK,GAyK3B,SAASC,EAAK3L,GA2BZ,IAAIjB,EAAmBF,EAAoB,EACvCE,IAtB2BA,EAuBWA,EAAxCf,EAtBKsD,EAAOgH,aAIRtK,EAAkB,IAAIe,EAAiB,SAAUqK,GACnDA,EAAUvB,QAAQ,SAAU+D,GACPhJ,MAAMiJ,UAAU3K,MAAM4K,KAAKF,EAASG,YAAY,EACtDlE,QAAQ,SAAUmE,GACzBA,IAAgB1K,GAClB6F,EAAY7F,CAAM,CAEtB,CAAC,CACH,CAAC,CACH,CAAC,GACeiI,QAAQjI,EAAOgH,WAAY,CACzCsB,UAAW,CAAA,CACb,CAAC,EACM5L,GAhBE,MAwBXkB,EAAiBoC,EAAQ,OA/BzB,WAzDF,IAIM4F,EACF+E,EAqDArI,EAAQ,gBAAiB5D,EAAKsB,EAAQxD,EAAW,CAAA,CAAI,EAtDnDoJ,EAAWzI,EAASe,IAAaf,EAASe,GAAU0H,SACtD+E,EACExN,EAASe,IACTf,EAASe,GAAUyL,2BAA2BzM,EAE9C,CAAC0I,GAAY+E,GACftE,EAAY,CAAErG,OAAQA,EAAQF,OAAQ,EAAGY,MAAO,EAAG5B,KAAM,MAAO,CAAC,CAkDnE,CA4B6C,EAC7CwD,EAAQ,OAAQ5D,EAAKsB,EAAQxD,EAAW,CAAA,CAAI,CAC9C,CA6BA,SAASoO,EAAUpD,GACjB,IAAIqD,EAAYrD,EAAI3H,MAAM,UAAU,EAEX,IAArBgL,EAAUlJ,SAGZmJ,KAFIC,EACF,KAAOF,EAAU,GAAGG,OAAO,CAAC,EAAEC,YAAY,EAAIJ,EAAU,GAAGjL,MAAM,CAAC,GACvDkL,KAAKtD,GAClB,OAAOsD,KAAKtD,GACZ3I,EACEX,EACA,gBACEsJ,EACA,uBACAuD,EACA,8DACJ,EAEJ,CAEA,SAASG,EAAed,GA7CtB,GA8CAA,EAAUA,GAAW,GAErBjN,EAASe,GAAYoJ,OAAO6D,OAAO,IAAI,EACvChO,EAASe,GAAU8B,OAASA,EAC5B7C,EAASe,GAAU0H,SAAW,CAAA,EAC9BzI,EAASe,GAAUsD,WACjBxB,EAAOoL,KAAOpL,EAAOoL,IAAIvL,MAAM,GAAG,EAAED,MAAM,EAAG,CAAC,EAAEyL,KAAK,GAAG,EApDtD,UAAa,OAsDJjB,EArDX,MAAM,IAAItD,UAAU,0BAA0B,EAsDhDQ,OAAOC,KAAK6C,CAAO,EAAE7D,QAAQqE,EAAWR,CAAO,EAC/CkB,IAjDSC,EAFUnB,EAmDPA,EAjDZ,IAASmB,KAAUlO,EACbiK,OAAOiD,UAAUiB,eAAehB,KAAKnN,EAAUkO,CAAM,IACvDpO,EAASe,GAAUqN,IAAUjE,OAAOiD,UAAUiB,eAAehB,KAC3DJ,EACAmB,CACF,EACInB,EACA/M,GADQkO,IA6CZpO,EAASe,KACXf,EAASe,GAAU+K,aACjB,CAAA,IAAS9L,EAASe,GAAUkD,aAxCzB,MADgBI,EA0CCrE,EAASe,GAAUsD,aAxCzC,OAASA,EAAWiK,MAAM,sCAAsC,EAyC1D,IAvCJjK,EAyCN,CAMA,IAAItD,EAzOJ,SAAqBA,GACnB,GAAwB,UAApB,OAAOA,EACT,MAAM,IAAI4I,UAAU,wCAAwC,EAVhE,IACM3G,EAsBJ,MAVI,KAAOjC,IAET8B,EAAOG,IAdLA,EAAMiK,GAAWA,EAAQjK,IAAO9C,EAAS8C,GAAK1D,CAAK,GACnD,OAAS8F,SAASyC,eAAe7E,CAAE,IACrCA,GAAM1D,CAAK,IAYCyB,EAVPiC,GAWLxD,GAAcyN,GAAW,IAAI3L,IAC7BA,EACEP,EACA,4BAA8BA,EAAW,KAAO8B,EAAOoL,IAAM,GAC/D,GAGKlN,CACT,EAyN2B8B,EAAOG,EAAE,EAEpC,GALSjC,KAAYf,GAAY,kBAAmB6C,EAMlDnB,EAAKX,EAAU,gCAAgC,MAC1C,CA7ML,OA8MAgN,EAAed,CAAO,EA3NtB3L,EACEP,EACA,qBACGf,EAASe,IAAaf,EAASe,GAAUwN,UACtC,UACA,YACJ,QACAxN,CACJ,EACA8B,EAAO2H,MAAMgE,SACX,CAAA,KAAWxO,EAASe,IAAaf,EAASe,GAAUwN,WAChD,SACA,OACEvO,EAASe,IAAaf,EAASe,GAAUwN,WAC/C,IAAK,OACH,MAGF,IAAK,CAAA,EACH1L,EAAO0L,UAAY,MACnB,MAGF,IAAK,CAAA,EACH1L,EAAO0L,UAAY,KACnB,MAGF,QACE1L,EAAO0L,UAAYvO,EAASe,GACxBf,EAASe,GAAUwN,UACnB,IAER,CArEAE,EAAU,QAAQ,EAClBA,EAAU,OAAO,EAEjBC,EAAS,WAAW,EACpBA,EAAS,WAAW,EACpBA,EAAS,UAAU,EACnBA,EAAS,UAAU,EAuEjB,UACE,OAAQ1O,EAASe,IAAaf,EAASe,GAAUwL,aACnD,OAASvM,EAASe,IAAaf,EAASe,GAAUwL,cAElDvM,EAASe,GAAUqL,aAAepM,EAASe,GAAUwL,WACrDvM,EAASe,GAAUwL,WACZvM,EAASe,GAAUwL,WAAa,MAgLzCW,EAAK7D,EAAkBtI,CAAQ,CAAC,EA7J5Bf,EAASe,KACXf,EAASe,GAAU8B,OAAO8L,cAAgB,CACxCC,MAAOlG,EAAYmG,KAAK,KAAM7O,EAASe,GAAU8B,MAAM,EAEvDiM,gBAAiBlF,EAAsBiF,KACrC,KACA7O,EAASe,GAAU8B,MACrB,EAEAkM,OAAQ5J,EAAQ0J,KACd,KACA,gBACA,SACA7O,EAASe,GAAU8B,MACrB,EAEAmF,aAAc,SAAUgH,GACtB7J,EACE,iBACA,gBAAkB6J,EAClBhP,EAASe,GAAU8B,OACnB9B,CACF,CACF,EAEAkO,YAAa,SAAUrG,GAErBzD,EACE,eACA,YAHFyD,EAAUrD,KAAKC,UAAUoD,CAAO,GAI9B5I,EAASe,GAAU8B,OACnB9B,CACF,CACF,CACF,EA6HJ,CA7RE,SAAS2N,EAASlE,GAChB,IAAI0E,EAAalP,EAASe,GAAUyJ,GAChC2E,EAAAA,IAAaD,GAAc,IAAMA,IACnCrM,EAAO2H,MAAMA,GARK,UAAjB,OAQ8B0E,EAC3BA,EAAa,KACbA,EACJ5N,EAAIP,EAAU,OAASyJ,EAAQ,MAAQ3H,EAAO2H,MAAMA,EAAM,EAE9D,CAEA,SAASiE,EAAU7K,GACjB,GACE5D,EAASe,GAAU,MAAQ6C,GAC3B5D,EAASe,GAAU,MAAQ6C,GAE3B,MAAM,IAAIa,MACR,gBACEb,EACA,+BACAA,CACJ,CAEJ,CAwQJ,CAEA,SAASgH,EAAQ9F,EAAIC,GACf,OAAS9E,IACXA,EAAQ2G,WAAW,WACjB3G,EAAQ,KACR6E,EAAG,CACL,EAAGC,CAAI,EAEX,CAwFA,SAASqK,IAKH,WAAahK,SAASiK,kBACxB/N,EAAI,WAAY,kCAAkC,EAClDsJ,EANF,WACE0E,EAAe,cAAe,QAAQ,CACxC,EAIkB,EAAE,EAEtB,CAEA,SAASA,EAAeC,EAAWxN,GAUjCoI,OAAOC,KAAKpK,CAAQ,EAAEoJ,QAAQ,SAAUrI,GATxC,IAA+BA,EAE3Bf,EAF2Be,EAUHA,IAPxB,WAAaf,EAASe,GAAU8L,YAChC7M,EAASe,GAAU+H,YACnB,CAAC9I,EAASe,GAAU0H,UAMpBtD,EAAQoK,EAAWxN,EAAO/B,EAASe,GAAU8B,OAAQ9B,CAAQ,CAEjE,CAAC,CACH,CAEA,SAASyO,IACP/O,EAAiBJ,OAAQ,UAAWyB,CAAc,EAElDrB,EAAiBJ,OAAQ,SAAU,WA1CrC,IAAuB0B,EAKrBT,EAAI,SAAU,mBALOS,EA2CL,SAtCuB,EACvC6I,EALA,WACE0E,EAAe,UAAYvN,EAAO,QAAQ,CAC5C,EAGgB,EAAE,CAsClB,CAAC,EAEDtB,EAAiB2E,SAAU,mBAAoBgK,CAAU,EAEzD3O,EAAiB2E,SAAU,2BAA4BgK,CAAU,CACnE,CAEA,SAASK,IACP,SAASvC,EAAKD,EAASyC,GAWrB,GAAIA,EAAS,CATX,GAAKA,CAAAA,EAAQC,QACX,MAAM,IAAIhG,UAAU,mCAAmC,EAClD,GAAI,WAAa+F,EAAQC,QAAQ7B,YAAY,EAClD,MAAM,IAAInE,UACR,iCAAmC+F,EAAQC,QAAU,GACvD,EAMF3C,EAAY0C,EAASzC,CAAO,EAC5B2C,EAAQC,KAAKH,CAAO,CACtB,CACF,CA5xCA,IAsyCA,IAAIE,EA1yCAE,EAAU,CAAC,MAAO,SAAU,IAAK,MAIhC9I,EAAI,EAAGA,EAAI8I,EAAQtL,QAAU,CAAC1E,EAAuBkH,GAAK,EAC7DlH,EAAwBO,OAAOyP,EAAQ9I,GAAK,yBA0yC9C,OAvyCIlH,EAIFA,EAAwBA,EAAsB+O,KAAKxO,MAAM,EAEzDiB,EAAI,QAAS,qCAAqC,EA+xCpDkO,EAAoB,EAEb,SAAuBvC,EAASnG,GAbvC,IAA+BmG,EAkB7B,OAJA2C,EAAU,IAdmB3C,EAgBPA,IAfPA,EAAQX,qBACrB5K,EACE,oGACF,EAcM,OAAOoF,GACb,IAAK,YACL,IAAK,SACH3C,MAAMiJ,UAAUhE,QAAQiE,KACtBjI,SAAS2K,iBAAiBjJ,GAAU,QAAQ,EAC5CoG,EAAK2B,KAAKxP,EAAW4N,CAAO,CAC9B,EACA,MAGF,IAAK,SACHC,EAAKD,EAASnG,CAAM,EACpB,MAGF,QACE,MAAM,IAAI6C,UAAU,yBAA2B,OAAO7C,EAAS,GAAG,CAEtE,CAEA,OAAO8I,CACT,CACF,CAEA,SAASI,EAAyBC,GAC3BA,EAAEnL,GAEKmL,EAAEnL,GAAGoL,eACfD,EAAEnL,GAAGoL,aAAe,SAAwBjD,GAK1C,OAAOU,KAAKwC,OAAO,QAAQ,EAAEC,KAJ7B,SAAcC,EAAOX,GACnB1C,EAAY0C,EAASzC,CAAO,CAC9B,CAEsC,EAAEqD,IAAI,CAC9C,GARA7O,EAAK,GAAI,mDAAmD,CAUhE,CAz6CsB,aAAlB,OAAOpB,SAIPf,EAAQ,EAGVG,EADAD,EAAa,CAAA,EAGbE,EADY,UACa8E,OAEzB5E,GADAD,EAAQ,iBACS6E,OACjB3E,EAAe,KACfC,EAAwBO,OAAOP,sBAC/BC,EAAuBoK,OAAOoG,OAAO,CACnC9M,IAAK,EACL+M,OAAQ,EACRC,WAAY,EACZC,sBAAuB,CACzB,CAAC,EACD1Q,EAAW,GACXC,EAAQ,KACRC,EAAWiK,OAAOoG,OAAO,CACvBzH,WAAY,CAAA,EACZ2D,eAAgB,KAChBF,WAAY,KACZH,aAAc,EACdM,YAAa,KACbzI,YAAa,CAAA,EACb2I,YAAa,CAAA,EACbN,oBAAqB,CAAA,EACrBE,wBAAyB,aACzBxJ,GAAI,gBACJqJ,SAAU,GACVsE,QAAS,cACTrP,IAAK,CAAA,EACLsP,UAAWzB,EAAAA,EACX0B,SAAU1B,EAAAA,EACV2B,UAAW,EACXC,SAAU,EACVhE,YAAa,CAAA,EACbF,WAAY,SACZ0B,UAAW,CAAA,EACXjD,WAAY,CAAA,EACZC,UAAW,CAAA,EACXU,eAAgB,IAChBU,UAAW,EACXG,uBAAwB,SACxBkE,QAAS,WACP,MAAO,CAAA,CACT,EACAC,SAAU,aACVC,OAAQ,aACRC,UAAW,WACTzP,EAAK,gCAAgC,CACvC,EACA0P,aAAc,aACdC,aAAc,aACdC,UAAW,aACXC,SAAU,WACR,MAAO,CAAA,CACT,CACF,CAAC,EAoqCCpR,EAAa,GAyMbE,OAAOmR,SAAWnS,GACpB2Q,EAAyB3P,OAAOmR,MAAM,EAGlB,YAAlB,OAAOC,QAAyBA,OAAOC,IACzCD,OAAO,GAAIhC,CAAO,EACS,UAAlB,OAAOkC,QAAiD,UAA1B,OAAOA,OAAOC,UAErDD,OAAOC,QAAUnC,EAAQ,GAE3BpP,OAAO6P,aAAe7P,OAAO6P,cAAgBT,EAAQ,EACtD,EAAE"} \ No newline at end of file +{"version":3,"file":"iframeResizer.min.js","sources":["iframeResizer.js"],"names":["console","info","undefined","count","destroyObserver","logEnabled","hiddenCheckEnabled","msgHeaderLen","msgId","msgIdLen","pagePosition","requestAnimationFrame","resetRequiredMethods","settings","timer","defaults","frameTimer","getMutationObserver","window","MutationObserver","WebKitMutationObserver","MozMutationObserver","addEventListener","el","evt","func","removeEventListener","formatLogHeader","iframeId","retStr","top","self","parentIFrame","getId","isLogEnabled","log","msg","output","warn","type","enabled","iFrameListener","event","resizeIFrame","ensureInRange","syncResize","setSize","messageData","setPagePosition","on","processMsg","data","slice","split","height","parseInt","iframe","compStyle","getComputedStyle","id","boxSizing","paddingTop","bot","paddingBottom","borderTopWidth","borderBottomWidth","width","Dimension","max","Number","min","dimension","toLowerCase","size","isMessageFromIFrame","origin","checkOrigin","constructor","Array","checkSingle","remoteHost","i","retCode","length","Error","getMsgBody","offset","indexOf","sendPageInfoToIframe","fn","time","frameId","bodyPosition","iFramePosition","trigger","document","body","getBoundingClientRect","JSON","stringify","iframeHeight","iframeWidth","clientHeight","Math","documentElement","innerHeight","clientWidth","innerWidth","offsetTop","offsetLeft","left","scrollTop","pageYOffset","scrollLeft","pageXOffset","documentHeight","documentWidth","windowHeight","windowWidth","setTimeout","getElementPosition","target","getPagePosition","x","floor","y","scrollRequestFromChild","addOffset","newPosition","scrollTo","unsetPagePosition","findTarget","location","hash","hashData","decodeURIComponent","getElementById","getElementsByName","jumpPosition","moveToAnchor","onMouse","mousePos","screenX","screenY","funcName","val","chkEvent","actionMsg","firstRun","closeIFrame","msgBody","message","parse","autoResize","setListener","stopPageInfo","stop","resetIFrame","sendPageInfo","forEach","createOutgoingMsg","loaded","true","false","retBool","retVal","TypeError","removeIframeListeners","parentNode","removeChild","error","disconnect","chkZero","checkIFrames","Object","keys","key","chkDimension","settingId","style","offsetParent","mutationObserved","mutations","debouce","querySelector","observe","attributes","attributeOldValue","characterData","characterDataOldValue","childList","subtree","processDimension","sizeHeight","sizeWidth","doNotSync","jasmine","calleeMsg","noResponseWarning","chkAndSend","contentWindow","targetOrigin","postMessage","warnOnNoResponse","warningTimeout","msgTimeout","errorShown","bodyMarginV1","interval","enablePublicMethods","bodyMargin","heightCalculationMethod","bodyBackground","bodyPadding","tolerance","inPageLinks","resizeFrom","widthCalculationMethod","mouseEvents","setupIFrame","options","init","mutation","prototype","call","removedNodes","removedNode","resetRequertMethod","depricate","splitName","this","name","charAt","toUpperCase","processOptions","create","src","join","copyOptions","option","hasOwnProperty","match","scrolling","overflow","chkMinMax","addStyle","iFrameResizer","close","bind","removeListeners","resize","anchor","sendMessage","styleValue","Infinity","tabVisible","visibilityState","sendTriggerMsg","eventName","setupEventListeners","factory","element","tagName","iFrames","push","vendors","querySelectorAll","createJQueryPublicMethod","$","iFrameResize","filter","each","index","end","freeze","scroll","bodyScroll","documentElementScroll","license","maxHeight","maxWidth","minHeight","minWidth","onClose","onClosed","onInit","onMessage","onMouseEnter","onMouseLeave","onResized","onScroll","jQuery","define","amd","module","exports"],"mappings":";;;;;;AAQAA,QAAQC;;;;;;;;;;;;;CAaP,EAGA,SAAWC,GACV,IAIIC,EACFC,EACAC,EACAC,EAEAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAMAC,EACAC,EACAC,EA4sCEC,EAlqCJ,SAASC,IACP,OACEC,OAAOC,kBACPD,OAAOE,wBACPF,OAAOG,mBAEX,CAEA,SAASC,EAAiBC,EAAIC,EAAKC,GACjCF,EAAGD,iBAAiBE,EAAKC,EAAM,CAAA,CAAK,CACtC,CAEA,SAASC,EAAoBH,EAAIC,EAAKC,GACpCF,EAAGG,oBAAoBF,EAAKC,EAAM,CAAA,CAAK,CACzC,CAkCA,SAASE,EAAgBC,GACvB,OAAOpB,EAAQ,KAbXqB,EAAS,eADED,EAccA,GAV3BC,EADEX,OAAOY,MAAQZ,OAAOa,KAEtBb,OAAOc,cAAgBd,OAAOc,aAAaC,MACvCf,OAAOc,aAAaC,MAAM,EAAI,KAAOL,EACrC,qBAAuBA,EAGxBC,GAIkC,IAd3C,IACMA,CAcN,CAEA,SAASK,EAAaN,GACpB,OAAOf,EAASe,GAAYf,EAASe,GAAUO,IAAM9B,CACvD,CAEA,SAAS8B,EAAIP,EAAUQ,GACrBC,EAAO,MAAOT,EAAUQ,EAAKF,EAAaN,CAAQ,CAAC,CACrD,CAEA,SAAS3B,EAAK2B,EAAUQ,GACtBC,EAAO,OAAQT,EAAUQ,EAAKF,EAAaN,CAAQ,CAAC,CACtD,CAEA,SAASU,EAAKV,EAAUQ,GACtBC,EAAO,OAAQT,EAAUQ,EAAK,CAAA,CAAI,CACpC,CAEA,SAASC,EAAOE,EAAMX,EAAUQ,EAAKI,GAC/B,CAAA,IAASA,GAAW,UAAa,OAAOtB,OAAOlB,SAEjDA,QAAQuC,GAAMZ,EAAgBC,CAAQ,EAAGQ,CAAG,CAEhD,CAEA,SAASK,EAAeC,GACtB,SAASC,IAOPC,EAAc,QAAQ,EACtBA,EAAc,OAAO,EAErBC,EATA,WACEC,EAAQC,CAAW,EACnBC,EAAgBpB,CAAQ,EACxBqB,EAAG,YAAaF,CAAW,CAC7B,EAKmBA,EAAa,MAAM,CACxC,CAEA,SAASG,IACP,IAAIC,EAAOf,EAAIgB,MAAM3C,CAAQ,EAAE4C,MAAM,GAAG,EACpCC,EAASH,EAAK,GAAKI,SAASJ,EAAK,GAAI,EAAE,EAAI,EAC3CK,EAAS3C,EAASsC,EAAK,KAAOtC,EAASsC,EAAK,IAAIK,OAChDC,EAAYC,iBAAiBF,CAAM,EAEvC,MAAO,CACLA,OAAQA,EACRG,GAAIR,EAAK,GACTG,OAAQA,EAMZ,SAAwBG,GACtB,GAA4B,eAAxBA,EAAUG,UACZ,OAAO,EAET,IAAI9B,EAAM2B,EAAUI,WAAaN,SAASE,EAAUI,WAAY,EAAE,EAAI,EAClEC,EAAML,EAAUM,cAChBR,SAASE,EAAUM,cAAe,EAAE,EACpC,EACJ,OAAOjC,EAAMgC,CACf,EAfoCL,CAAS,EAiB7C,SAAuBA,GACrB,GAA4B,eAAxBA,EAAUG,UACZ,OAAO,EAET,IAAI9B,EAAM2B,EAAUO,eAChBT,SAASE,EAAUO,eAAgB,EAAE,EACrC,EACAF,EAAML,EAAUQ,kBAChBV,SAASE,EAAUQ,kBAAmB,EAAE,EACxC,EACJ,OAAOnC,EAAMgC,CACf,EA5B+DL,CAAS,EACpES,MAAOf,EAAK,GACZZ,KAAMY,EAAK,EACb,CACF,CA0BA,SAASP,EAAcuB,GACrB,IAAIC,EAAMC,OAAOxD,EAASe,GAAU,MAAQuC,EAAU,EACpDG,EAAMD,OAAOxD,EAASe,GAAU,MAAQuC,EAAU,EAClDI,EAAYJ,EAAUK,YAAY,EAClCC,EAAOJ,OAAOtB,EAAYwB,EAAU,EAEtCpC,EAAIP,EAAU,YAAc2C,EAAY,gBAAkBD,EAAM,IAAMF,CAAG,EAErEK,EAAOH,IACTG,EAAOH,EACPnC,EAAIP,EAAU,OAAS2C,EAAY,eAAe,GAGzCH,EAAPK,IACFA,EAAOL,EACPjC,EAAIP,EAAU,OAAS2C,EAAY,eAAe,GAGpDxB,EAAYwB,GAAa,GAAKE,CAChC,CAEA,SAASC,IA8BP,IAAIC,EAASjC,EAAMiC,OACjBC,EAAc/D,EAASe,IAAaf,EAASe,GAAUgD,YAEzD,GAAIA,GAAe,GAAKD,GAAW,QAAU,CAhC7C,WA0BSC,GAAAA,EAAYC,cAAgBC,MAAsBC,OALnDC,EAAanE,EAASe,IAAaf,EAASe,GAAUoD,WAC1D7C,EAAIP,EAAU,gCAAkCoD,CAAU,EACnDL,IAAWK,EArBlB,IAmBIA,EAnBAC,EAAI,EACNC,EAAU,CAAA,EAQZ,IANA/C,EACEP,EACA,wDACEgD,CACJ,EAEOK,EAAIL,EAAYO,OAAQF,CAAC,GAC9B,GAAIL,EAAYK,KAAON,EAAQ,CAC7BO,EAAU,CAAA,EACV,KACF,CAEF,OAAOA,CAUX,EAKiE,EAC/D,MAAM,IAAIE,MACR,qCACET,EACA,QACA5B,EAAYS,OAAOG,GACnB,kBACAjB,EAAMS,KACN,oHACJ,EAGF,OAAO,CACT,CAqBA,SAASkC,EAAWC,GAClB,OAAOlD,EAAIgB,MAAMhB,EAAImD,QAAQ,GAAG,EAAIhF,EAAe+E,CAAM,CAC3D,CA8CA,SAASE,EAAqBhC,EAAQ5B,GA25BxC,IAA6B6D,EAAIC,EAAMC,EAAVF,EA15BzB,WA3BF,IACMG,EACFC,EA0BAC,EAAQ,iBAAkB,aA3BxBF,EAAeG,SAASC,KAAKC,sBAAsB,EACrDJ,EAAiB9C,EAAYS,OAAOyC,sBAAsB,EAErDC,KAAKC,UAAU,CACpBC,aAAcP,EAAevC,OAC7B+C,YAAaR,EAAe3B,MAC5BoC,aAAcC,KAAKnC,IACjB2B,SAASS,gBAAgBF,aACzBpF,OAAOuF,aAAe,CACxB,EACAC,YAAaH,KAAKnC,IAChB2B,SAASS,gBAAgBE,YACzBxF,OAAOyF,YAAc,CACvB,EACAC,UAAWrD,SAASsC,EAAe/D,IAAM8D,EAAa9D,IAAK,EAAE,EAC7D+E,WAAYtD,SAASsC,EAAeiB,KAAOlB,EAAakB,KAAM,EAAE,EAChEC,UAAW7F,OAAO8F,YAClBC,WAAY/F,OAAOgG,YACnBC,eAAgBpB,SAASS,gBAAgBF,aACzCc,cAAerB,SAASS,gBAAgBE,YACxCW,aAAcnG,OAAOuF,YACrBa,YAAapG,OAAOyF,UACtB,CAAC,GAKwDnD,EAAQ5B,CAAQ,CACzE,EAw5B6B8D,EAv5BS,GAw5BnC1E,EADgC2E,EAv5BO/D,KAy5B1CZ,EAAW2E,GAAW4B,WAAW,WAC/BvG,EAAW2E,GAAW,KACtBF,EAAG,CACL,EAAGC,CAAI,EA35BT,CAoDA,SAAS8B,EAAmBC,GACtB5B,EAAiB4B,EAAOxB,sBAAsB,EAIlD,OAFAyB,EAAgB9F,CAAQ,EAEjB,CACL+F,EAAGpB,KAAKqB,MAAMvD,OAAOwB,EAAeiB,IAAI,EAAIzC,OAAO3D,EAAaiH,CAAC,CAAC,EAClEE,EAAGtB,KAAKqB,MAAMvD,OAAOwB,EAAe/D,GAAG,EAAIuC,OAAO3D,EAAamH,CAAC,CAAC,CACnE,CACF,CAEA,SAASC,EAAuBC,GA6B9B,IAAIzC,EAASyC,EACPP,EAAmBzE,EAAYS,MAAM,EACrC,CAAEmE,EAAG,EAAGE,EAAG,CAAE,EACjBG,EAvBO,CACLL,EAAGtD,OAAOtB,EAAYmB,KAAK,EAAIoB,EAAOqC,EACtCE,EAAGxD,OAAOtB,EAAYO,MAAM,EAAIgC,EAAOuC,CACzC,EAsBF1F,EACEP,EACA,8CACE0D,EAAOqC,EACP,MACArC,EAAOuC,EACP,GACJ,EAEI3G,OAAOY,MAAQZ,OAAOa,MAxCxBrB,EAAesH,EACfC,EAAS,EACT9F,EAAIP,EAAU,IAAI,GAWdV,OAAOc,aACTd,OAAOc,aAAa,YAAc+F,EAAY,SAAW,KACvDC,EAAYL,EACZK,EAAYH,CACd,EAEAvF,EACEV,EACA,uEACF,CAuBN,CAEA,SAASqG,IACH,CAAA,IAAUhF,EAAG,WAAYvC,CAAY,EACvCwH,EAAkB,EAElBlF,EAAgBpB,CAAQ,CAE5B,CAEA,SAASuG,EAAWC,GAmClB,IAAIC,EAAOD,EAAS/E,MAAM,GAAG,EAAE,IAAM,GACnCiF,EAAWC,mBAAmBF,CAAI,EAClCZ,EACE1B,SAASyC,eAAeF,CAAQ,GAChCvC,SAAS0C,kBAAkBH,CAAQ,EAAE,GAErCb,GAvCEiB,EAAelB,EAAmBC,CAAM,EAE5CtF,EACEP,EACA,4BACEyG,EACA,WACAK,EAAaf,EACb,OACAe,EAAab,CACjB,EACAnH,EAAe,CACbiH,EAAGe,EAAaf,EAChBE,EAAGa,EAAab,CAClB,EAEAI,EAAS,EACT9F,EAAIP,EAAU,IAAI,GAwBTV,OAAOY,MAAQZ,OAAOa,KAC/BI,EAAIP,EAAU,iBAAmByG,EAAO,YAAY,EArBhDnH,OAAOc,aACTd,OAAOc,aAAa2G,aAAaN,CAAI,EAErClG,EACEP,EACA,iBACEyG,EACA,8CACJ,CAiBN,CAEA,SAASO,EAAQlG,GACf,IAGMS,EAHF0F,EAAW,GAIbA,EAFgC,IAA9BxE,OAAOtB,EAAYmB,KAAK,GAA0C,IAA/BG,OAAOtB,EAAYO,MAAM,EAEnD,CACTqE,GAFExE,EAAOkC,EAAW,CAAC,EAAEhC,MAAM,GAAG,GAExB,GACRwE,EAAG1E,EAAK,EACV,EAEW,CACTwE,EAAG5E,EAAYmB,MACf2D,EAAG9E,EAAYO,MACjB,EAGFL,EAAGP,EAAO,CACRc,OAAQT,EAAYS,OACpBsF,QAASzE,OAAOwE,EAASlB,CAAC,EAC1BoB,QAAS1E,OAAOwE,EAAShB,CAAC,EAC1BtF,KAAMQ,EAAYR,IACpB,CAAC,CACH,CAEA,SAASU,EAAG+F,EAAUC,GACpB,OAAOC,EAAStH,EAAUoH,EAAUC,CAAG,CACzC,CAEA,SAASE,IAGP,OAFItI,EAASe,IAAaf,EAASe,GAAUwH,UAoHzCvI,EAASe,KACXf,EAASe,GAAUwH,SAAW,CAAA,GAnHxBrG,EAAYR,MAClB,IAAK,QACH8G,EAAYtG,EAAYS,MAAM,EAC9B,MAGF,IAAK,UAjQqB8F,EAkQHjE,EAAW,CAAC,EAjQrClD,EACEP,EACA,8BACEmB,EAAYS,OAAOG,GACnB,cACA2F,EACA,GACJ,EAEArG,EAAG,YAAa,CACdO,OAAQT,EAAYS,OACpB+F,QAASrD,KAAKsD,MAAMF,CAAO,CAC7B,CAAC,EAEDnH,EAAIP,EAAU,IAAI,EAoPd,MAGF,IAAK,aACHgH,EAAQ,cAAc,EACtB,MAGF,IAAK,aACHA,EAAQ,cAAc,EACtB,MAGF,IAAK,aACH/H,EAASe,GAAU6H,WAAavD,KAAKsD,MAAMnE,EAAW,CAAC,CAAC,EACxD,MAGF,IAAK,WACHyC,EAAuB,CAAA,CAAK,EAC5B,MAGF,IAAK,iBACHA,EAAuB,CAAA,CAAI,EAC3B,MAGF,IAAK,WACHtC,EACE3E,EAASe,IAAaf,EAASe,GAAU4B,OACzC5B,CACF,EAxNA+B,EAAK/B,EAHP8H,EAAY,OAAQpI,CAAgB,EAOlCT,EAAS8C,KACX9C,EAAS8C,GAAIgG,aAAeC,GAqN1B,MAGF,IAAK,eAnNH/I,EAASe,IAAaf,EAASe,GAAU+H,eAC3C9I,EAASe,GAAU+H,aAAa,EAChC,OAAO9I,EAASe,GAAU+H,cAmNxB,MAGF,IAAK,aACHxB,EAAW9C,EAAW,CAAC,CAAC,EACxB,MAGF,IAAK,QACHwE,EAAY9G,CAAW,EACvB,MAGF,IAAK,OACHJ,EAAa,EACbM,EAAG,SAAUF,EAAYS,MAAM,EAC/B,MAGF,QAEkC,IAA9Ba,OAAOtB,EAAYmB,KAAK,GACO,IAA/BG,OAAOtB,EAAYO,MAAM,EAEzBhB,EACE,iCACES,EAAYR,KAEZ,uGACJ,EAEAI,EAAa,CAGnB,CAxRA,SAAS+G,EAAYnH,EAAMd,GACzB,SAASqI,IACHjJ,EAAS8C,GACX6B,EAAqB3E,EAAS8C,GAAIH,OAAQG,CAAE,EAE5CiG,EAAK,CAET,CAEC,CAAC,SAAU,UAAUG,QAAQ,SAAUvI,GACtCW,EAAIwB,EAAIpB,EAAOf,EAAM,4BAA4B,EACjDC,EAAKP,OAAQM,EAAKsI,CAAY,CAChC,CAAC,CACH,CAEA,SAASF,IACPF,EAAY,UAAWhI,CAAmB,CAC5C,CAlBF,IAwBMiC,EA3EwB2F,CA6U9B,CAqCA,IAnCqB1H,EA5VfsD,EA+XF9C,EAAMM,EAAMS,KACdJ,EAAc,GACdnB,EAAW,KAEb,GAAI,8BAAgCQ,EApBlC,IAAK,IAAIR,KAAYf,EACnBiF,EACE,wBACAkE,EAAkBpI,CAAQ,EAC1Bf,EAASe,GAAU4B,OACnB5B,CACF,OA7XApB,KAAW,GAAK4B,GAAKgB,MAAM,EAAG3C,CAAQ,GACtC2B,EAAIgB,MAAM3C,CAAQ,EAAE4C,MAAM,GAAG,EAAE,KAAMxC,GA6YvCkC,EAAcG,EAAW,EACzBtB,EAAWmB,EAAYY,GACnB9C,EAASe,KACXf,EAASe,GAAUqI,OAAS,CAAA,IAzY1B/E,EAAUnC,EAAYR,OAAQ,CAAE2H,KAAM,EAAGC,MAAO,EAAGjK,UAAW,CAAE,IAGlEiC,EAAIP,EAAU,6CAA6C,EAyYzD,CAtYGsD,IAuVHkF,EAAU,CAAA,EAETvJ,EAHce,EAgD2BA,KA5C5CwI,EAAU,CAAA,EACV9H,EACES,EAAYR,KACV,oBACAX,EACA,kBACAQ,CACJ,GAGKgI,KAmCLjI,EAAIP,EAAU,aAAeQ,CAAG,EApS9BgI,EAAU,CAAA,EAEV,OAASrH,EAAYS,SACvBlB,EAAKV,EAAU,WAAamB,EAAYY,GAAK,aAAa,EAC1DyG,EAAU,CAAA,GAELA,GAgSsB1F,EAAoB,GAC7CyE,EAAU,IAIdlJ,EAAK2B,EAAU,YAAcQ,CAAG,CAEpC,CAEA,SAAS8G,EAAStH,EAAUoH,EAAUC,GACpC,IAAIxH,EAAO,KACT4I,EAAS,KAEX,GAAIxJ,EAASe,GAAW,CAGtB,GAAI,YAAe,OAFnBH,EAAOZ,EAASe,GAAUoH,IAKxB,MAAM,IAAIsB,UACRtB,EAAW,cAAgBpH,EAAW,qBACxC,EAJAyI,EAAS5I,EAAKwH,CAAG,CAMrB,CAEA,OAAOoB,CACT,CAEA,SAASE,EAAsB/G,GACzB5B,EAAW4B,EAAOG,GACtB,OAAO9C,EAASe,EAClB,CAEA,SAASyH,EAAY7F,GACnB,IAAI5B,EAAW4B,EAAOG,GACtB,GAAgD,CAAA,IAA5CuF,EAAStH,EAAU,UAAWA,CAAQ,EACxCO,EAAIP,EAAU,yCAAyC,MADzD,CAIAO,EAAIP,EAAU,oBAAsBA,CAAQ,EAE5C,IAEM4B,EAAOgH,YACThH,EAAOgH,WAAWC,YAAYjH,CAAM,CAIxC,CAFE,MAAOkH,GACPpI,EAAKoI,CAAK,CACZ,CAEAxB,EAAStH,EAAU,WAAYA,CAAQ,EACvCO,EAAIP,EAAU,IAAI,EAClB2I,EAAsB/G,CAAM,EACxBpD,IACFA,EAAgBuK,WAAW,EAC3BvK,EAAkB,KAjBpB,CAmBF,CAEA,SAASsH,EAAgB9F,GACnB,OAASlB,GAWXyB,EACEP,EACA,uBAZFlB,EAAe,CACbiH,EACEzG,OAAOgG,cAAgBhH,EACnB6F,SAASS,gBAAgBS,WACzB/F,OAAOgG,YACbW,EACE3G,OAAO8F,cAAgB9G,EACnB6F,SAASS,gBAAgBO,UACzB7F,OAAO8F,WACf,GAGuCW,EAAI,IAAMjH,EAAamH,CAC9D,CAEJ,CAEA,SAAS7E,EAAgBpB,GACnB,OAASlB,IACXQ,OAAO+G,SAASvH,EAAaiH,EAAGjH,EAAamH,CAAC,EAC9C1F,EACEP,EACA,sBAAwBlB,EAAaiH,EAAI,IAAMjH,EAAamH,CAC9D,EACAK,EAAkB,EAEtB,CAEA,SAASA,IACPxH,EAAe,IACjB,CAEA,SAASmJ,EAAY9G,GAMnBZ,EACEY,EAAYY,GACZ,4BACG,SAAWZ,EAAYR,KAAO,YAAc,SACjD,EACAmF,EAAgB3E,EAAYY,EAAE,EAC9Bd,EAXA,WACEC,EAAQC,CAAW,EACnB+C,EAAQ,QAAS,QAAS/C,EAAYS,OAAQT,EAAYY,EAAE,CAC9D,EAQkBZ,EAAa,OAAO,CACxC,CAEA,SAASD,EAAQC,GAmBf,SAAS6H,EAAQrG,GAMf,IAsfIkD,EAzCN,SAASoD,IA2BPC,OAAOC,KAAKlK,CAAQ,EAAEkJ,QAAQ,SAAUiB,GAzBtC,SAASC,EAAa1G,GACpB,MACE,SACC1D,EAASqK,IAAcrK,EAASqK,GAAW1H,OAAO2H,MAAM5G,GAE7D,CANF,IAAqB2G,EAajBrK,EAbiBqK,EA2BPF,IAlBH,OAKGnK,EAASqK,GAAW1H,OALX4H,eAMlBH,EAAa,QAAQ,GAAKA,EAAa,OAAO,IAE/CnF,EACE,oBACA,SACAjF,EAASqK,GAAW1H,OACpB0H,CACF,CAMJ,CAAC,CACH,CAEA,SAASG,EAAiBC,GACxBnJ,EACE,SACA,sBAAwBmJ,EAAU,GAAG7D,OAAS,IAAM6D,EAAU,GAAG/I,IACnE,EACAgJ,EAAQV,EAAc,EAAE,CAC1B,CAnfOvK,CAAAA,GAAsB,MAAQyC,EAAYwB,KAC7CjE,EAAqB,CAAA,EACrB6B,EAAIP,EAAU,sDAAsD,EAkgBpET,EAAmBF,EAAoB,KAdrCwG,EAAS1B,SAASyF,cAAc,MAAM,EAS7B,IAAIrK,EAAiBkK,CAAgB,EAEzCI,QAAQhE,EAVN,CACPiE,WAAY,CAAA,EACZC,kBAAmB,CAAA,EACnBC,cAAe,CAAA,EACfC,sBAAuB,CAAA,EACvBC,UAAW,CAAA,EACXC,QAAS,CAAA,CACX,CAG6B,EA5fjC,CAEA,SAASC,EAAiBzH,GA/B1B,IAAsBA,EAAAA,EAgCPA,EA/BRxB,EAAYY,IAIjBZ,EAAYS,OAAO2H,MAAM5G,GAAaxB,EAAYwB,GAAa,KAC/DpC,EACEY,EAAYY,GACZ,WACE/B,EACA,KACA2C,EACA,WACAxB,EAAYwB,GACZ,IACJ,GAbEpC,EAAI,YAAa,wBAAwB,EA+B3CyI,EAAQrG,CAAS,CACnB,CAEA,IAAI3C,EAAWmB,EAAYS,OAAOG,GAE9B9C,EAASe,KACPf,EAASe,GAAUqK,YACrBD,EAAiB,QAAQ,EAEvBnL,EAASe,GAAUsK,YACrBF,EAAiB,OAAO,CAG9B,CAEA,SAASnJ,EAAWpB,EAAMsB,EAAaoJ,GAGnCA,IAAcpJ,EAAYR,MAC1B5B,GAEA,CAACO,OAAOkL,SAERjK,EAAIY,EAAYY,GAAI,4BAA4B,EAChDhD,EAAsBc,CAAI,GAE1BA,EAAK,CAET,CAEA,SAASqE,EAAQuG,EAAWjK,EAAKoB,EAAQG,EAAI2I,GAqB3C,SAASC,IApBT,IACM9E,EAqBFjE,GACA,kBAAmBA,GACnB,OAASA,EAAOgJ,eAvBd/E,EAAS5G,EAAS8C,IAAO9C,EAAS8C,GAAI8I,aAC1CtK,EACEwB,EACA,IACE0I,EACA,2BACA1I,EACA,MACAvB,EACA,mBACAqF,CACJ,EACAjE,EAAOgJ,cAAcE,YAAYlM,EAAQ4B,EAAKqF,CAAM,GAIpDnF,EAAKqB,EAAI,IAAM0I,EAAY,YAAc1I,EAAK,aAAa,CAc7D,CAEA,SAASgJ,IAcHL,GACFzL,EAAS8C,IACP9C,EAAS8C,GAAIiJ,iBAEf/L,EAAS8C,GAAIkJ,WAAatF,WAjB5B,WACM1G,CAAAA,EAAS8C,IAAQ9C,EAAS8C,GAAIsG,QAAW6C,IAC3CA,EAAa,CAAA,EACbxK,EACEqB,EACA,mCACE9C,EAAS8C,GAAIiJ,eAAiB,IAC9B,8NACJ,EAEJ,EASI/L,EAAS8C,GAAIiJ,cACf,EAEJ,CAEA,IAAIE,EAAa,CAAA,EAEjBnJ,EAAKA,GAAMH,EAAOG,GAEd9C,EAAS8C,KACX4I,EAAW,EACXI,EAAiB,EAErB,CAEA,SAAS3C,EAAkBpI,GACzB,OACEA,EACA,IACAf,EAASe,GAAUmL,aACnB,IACAlM,EAASe,GAAUsK,UACnB,IACArL,EAASe,GAAUO,IACnB,IACAtB,EAASe,GAAUoL,SACnB,IACAnM,EAASe,GAAUqL,oBACnB,IACApM,EAASe,GAAU6H,WACnB,IACA5I,EAASe,GAAUsL,WACnB,IACArM,EAASe,GAAUuL,wBACnB,IACAtM,EAASe,GAAUwL,eACnB,IACAvM,EAASe,GAAUyL,YACnB,IACAxM,EAASe,GAAU0L,UACnB,IACAzM,EAASe,GAAU2L,YACnB,IACA1M,EAASe,GAAU4L,WACnB,IACA3M,EAASe,GAAU6L,uBACnB,IACA5M,EAASe,GAAU8L,WAEvB,CAMA,SAASC,EAAYnK,EAAQoK,GAyK3B,SAASC,EAAKzL,GA2BZ,IAAIjB,EAAmBF,EAAoB,EACvCE,IAtB2BA,EAuBWA,EAAxCf,EAtBKoD,EAAOgH,aAIRpK,EAAkB,IAAIe,EAAiB,SAAUmK,GACnDA,EAAUvB,QAAQ,SAAU+D,GACPhJ,MAAMiJ,UAAU3K,MAAM4K,KAAKF,EAASG,YAAY,EACtDlE,QAAQ,SAAUmE,GACzBA,IAAgB1K,GAClB6F,EAAY7F,CAAM,CAEtB,CAAC,CACH,CAAC,CACH,CAAC,GACeiI,QAAQjI,EAAOgH,WAAY,CACzCsB,UAAW,CAAA,CACb,CAAC,EACM1L,GAhBE,MAwBXkB,EAAiBkC,EAAQ,OA/BzB,WAzDF,IAIM4F,EACF+E,EAqDArI,EAAQ,gBAAiB1D,EAAKoB,EAAQtD,EAAW,CAAA,CAAI,EAtDnDkJ,EAAWvI,EAASe,IAAaf,EAASe,GAAUwH,SACtD+E,EACEtN,EAASe,IACTf,EAASe,GAAUuL,2BAA2BvM,EAE9C,CAACwI,GAAY+E,GACftE,EAAY,CAAErG,OAAQA,EAAQF,OAAQ,EAAGY,MAAO,EAAG3B,KAAM,MAAO,CAAC,CAkDnE,CA4B6C,EAC7CuD,EAAQ,OAAQ1D,EAAKoB,EAAQtD,EAAW,CAAA,CAAI,CAC9C,CA6BA,SAASkO,EAAUpD,GACjB,IAAIqD,EAAYrD,EAAI3H,MAAM,UAAU,EAEX,IAArBgL,EAAUlJ,SAGZmJ,KAFIC,EACF,KAAOF,EAAU,GAAGG,OAAO,CAAC,EAAEC,YAAY,EAAIJ,EAAU,GAAGjL,MAAM,CAAC,GACvDkL,KAAKtD,GAClB,OAAOsD,KAAKtD,GACZ1I,EACEV,EACA,gBACEoJ,EACA,uBACAuD,EACA,8DACJ,EAEJ,CAEA,SAASG,EAAed,GA7CtB,GA8CAA,EAAUA,GAAW,GAErB/M,EAASe,GAAYkJ,OAAO6D,OAAO,IAAI,EACvC9N,EAASe,GAAU4B,OAASA,EAC5B3C,EAASe,GAAUwH,SAAW,CAAA,EAC9BvI,EAASe,GAAUoD,WACjBxB,EAAOoL,KAAOpL,EAAOoL,IAAIvL,MAAM,GAAG,EAAED,MAAM,EAAG,CAAC,EAAEyL,KAAK,GAAG,EApDtD,UAAa,OAsDJjB,EArDX,MAAM,IAAItD,UAAU,0BAA0B,EAsDhDQ,OAAOC,KAAK6C,CAAO,EAAE7D,QAAQqE,EAAWR,CAAO,EAC/CkB,IAjDSC,EAFUnB,EAmDPA,EAjDZ,IAASmB,KAAUhO,EACb+J,OAAOiD,UAAUiB,eAAehB,KAAKjN,EAAUgO,CAAM,IACvDlO,EAASe,GAAUmN,IAAUjE,OAAOiD,UAAUiB,eAAehB,KAC3DJ,EACAmB,CACF,EACInB,EACA7M,GADQgO,IA6CZlO,EAASe,KACXf,EAASe,GAAU6K,aACjB,CAAA,IAAS5L,EAASe,GAAUgD,aAxCzB,MADgBI,EA0CCnE,EAASe,GAAUoD,aAxCzC,OAASA,EAAWiK,MAAM,sCAAsC,EAyC1D,IAvCJjK,EAyCN,CAMA,IAAIpD,EAzOJ,SAAqBA,GACnB,GAAwB,UAApB,OAAOA,EACT,MAAM,IAAI0I,UAAU,wCAAwC,EAVhE,IACM3G,EAsBJ,MAVI,KAAO/B,IAET4B,EAAOG,IAdLA,EAAMiK,GAAWA,EAAQjK,IAAO5C,EAAS4C,GAAKxD,CAAK,GACnD,OAAS4F,SAASyC,eAAe7E,CAAE,IACrCA,GAAMxD,CAAK,IAYCyB,EAVP+B,GAWLtD,GAAcuN,GAAW,IAAIzL,IAC7BA,EACEP,EACA,4BAA8BA,EAAW,KAAO4B,EAAOoL,IAAM,GAC/D,GAGKhN,CACT,EAyN2B4B,EAAOG,EAAE,EAEpC,GALS/B,KAAYf,GAAY,kBAAmB2C,EAMlDlB,EAAKV,EAAU,gCAAgC,MAC1C,CA7ML,OA8MA8M,EAAed,CAAO,EA3NtBzL,EACEP,EACA,qBACGf,EAASe,IAAaf,EAASe,GAAUsN,UACtC,UACA,YACJ,QACAtN,CACJ,EACA4B,EAAO2H,MAAMgE,SACX,CAAA,KAAWtO,EAASe,IAAaf,EAASe,GAAUsN,WAChD,SACA,OACErO,EAASe,IAAaf,EAASe,GAAUsN,WAC/C,IAAK,OACH,MAGF,IAAK,CAAA,EACH1L,EAAO0L,UAAY,MACnB,MAGF,IAAK,CAAA,EACH1L,EAAO0L,UAAY,KACnB,MAGF,QACE1L,EAAO0L,UAAYrO,EAASe,GACxBf,EAASe,GAAUsN,UACnB,IAER,CArEAE,EAAU,QAAQ,EAClBA,EAAU,OAAO,EAEjBC,EAAS,WAAW,EACpBA,EAAS,WAAW,EACpBA,EAAS,UAAU,EACnBA,EAAS,UAAU,EAuEjB,UACE,OAAQxO,EAASe,IAAaf,EAASe,GAAUsL,aACnD,OAASrM,EAASe,IAAaf,EAASe,GAAUsL,cAElDrM,EAASe,GAAUmL,aAAelM,EAASe,GAAUsL,WACrDrM,EAASe,GAAUsL,WACZrM,EAASe,GAAUsL,WAAa,MAgLzCW,EAAK7D,EAAkBpI,CAAQ,CAAC,EA7J5Bf,EAASe,KACXf,EAASe,GAAU4B,OAAO8L,cAAgB,CACxCC,MAAOlG,EAAYmG,KAAK,KAAM3O,EAASe,GAAU4B,MAAM,EAEvDiM,gBAAiBlF,EAAsBiF,KACrC,KACA3O,EAASe,GAAU4B,MACrB,EAEAkM,OAAQ5J,EAAQ0J,KACd,KACA,gBACA,SACA3O,EAASe,GAAU4B,MACrB,EAEAmF,aAAc,SAAUgH,GACtB7J,EACE,iBACA,gBAAkB6J,EAClB9O,EAASe,GAAU4B,OACnB5B,CACF,CACF,EAEAgO,YAAa,SAAUrG,GAErBzD,EACE,eACA,YAHFyD,EAAUrD,KAAKC,UAAUoD,CAAO,GAI9B1I,EAASe,GAAU4B,OACnB5B,CACF,CACF,CACF,EA6HJ,CA7RE,SAASyN,EAASlE,GAChB,IAAI0E,EAAahP,EAASe,GAAUuJ,GAChC2E,EAAAA,IAAaD,GAAc,IAAMA,IACnCrM,EAAO2H,MAAMA,GARK,UAAjB,OAQ8B0E,EAC3BA,EAAa,KACbA,EACJ1N,EAAIP,EAAU,OAASuJ,EAAQ,MAAQ3H,EAAO2H,MAAMA,EAAM,EAE9D,CAEA,SAASiE,EAAU7K,GACjB,GACE1D,EAASe,GAAU,MAAQ2C,GAC3B1D,EAASe,GAAU,MAAQ2C,GAE3B,MAAM,IAAIa,MACR,gBACEb,EACA,+BACAA,CACJ,CAEJ,CAwQJ,CAEA,SAASgH,EAAQ9F,EAAIC,GACf,OAAS5E,IACXA,EAAQyG,WAAW,WACjBzG,EAAQ,KACR2E,EAAG,CACL,EAAGC,CAAI,EAEX,CAwFA,SAASqK,IAKH,WAAahK,SAASiK,kBACxB7N,EAAI,WAAY,kCAAkC,EAClDoJ,EANF,WACE0E,EAAe,cAAe,QAAQ,CACxC,EAIkB,EAAE,EAEtB,CAEA,SAASA,EAAeC,EAAWxN,GAUjCoI,OAAOC,KAAKlK,CAAQ,EAAEkJ,QAAQ,SAAUnI,GATxC,IAA+BA,EAE3Bf,EAF2Be,EAUHA,IAPxB,WAAaf,EAASe,GAAU4L,YAChC3M,EAASe,GAAU6H,YACnB,CAAC5I,EAASe,GAAUwH,UAMpBtD,EAAQoK,EAAWxN,EAAO7B,EAASe,GAAU4B,OAAQ5B,CAAQ,CAEjE,CAAC,CACH,CAEA,SAASuO,IACP7O,EAAiBJ,OAAQ,UAAWuB,CAAc,EAElDnB,EAAiBJ,OAAQ,SAAU,WA1CrC,IAAuBwB,EAKrBP,EAAI,SAAU,mBALOO,EA2CL,SAtCuB,EACvC6I,EALA,WACE0E,EAAe,UAAYvN,EAAO,QAAQ,CAC5C,EAGgB,EAAE,CAsClB,CAAC,EAEDpB,EAAiByE,SAAU,mBAAoBgK,CAAU,EAEzDzO,EAAiByE,SAAU,2BAA4BgK,CAAU,CACnE,CAEA,SAASK,IACP,SAASvC,EAAKD,EAASyC,GAWrB,GAAIA,EAAS,CATX,GAAKA,CAAAA,EAAQC,QACX,MAAM,IAAIhG,UAAU,mCAAmC,EAClD,GAAI,WAAa+F,EAAQC,QAAQ7B,YAAY,EAClD,MAAM,IAAInE,UACR,iCAAmC+F,EAAQC,QAAU,GACvD,EAMF3C,EAAY0C,EAASzC,CAAO,EAC5B2C,EAAQC,KAAKH,CAAO,CACtB,CACF,CA5xCA,IAsyCA,IAAIE,EA1yCAE,EAAU,CAAC,MAAO,SAAU,IAAK,MAIhC9I,EAAI,EAAGA,EAAI8I,EAAQtL,QAAU,CAACxE,EAAuBgH,GAAK,EAC7DhH,EAAwBO,OAAOuP,EAAQ9I,GAAK,yBA0yC9C,OAvyCIhH,EAIFA,EAAwBA,EAAsB6O,KAAKtO,MAAM,EAEzDiB,EAAI,QAAS,qCAAqC,EA+xCpDgO,EAAoB,EAEb,SAAuBvC,EAASnG,GAbvC,IAA+BmG,EAkB7B,OAJA2C,EAAU,IAdmB3C,EAgBPA,IAfPA,EAAQX,qBACrB3K,EACE,oGACF,EAcM,OAAOmF,GACb,IAAK,YACL,IAAK,SACH3C,MAAMiJ,UAAUhE,QAAQiE,KACtBjI,SAAS2K,iBAAiBjJ,GAAU,QAAQ,EAC5CoG,EAAK2B,KAAKtP,EAAW0N,CAAO,CAC9B,EACA,MAGF,IAAK,SACHC,EAAKD,EAASnG,CAAM,EACpB,MAGF,QACE,MAAM,IAAI6C,UAAU,yBAA2B,OAAO7C,EAAS,GAAG,CAEtE,CAEA,OAAO8I,CACT,CACF,CAEA,SAASI,EAAyBC,GAC3BA,EAAEnL,GAEKmL,EAAEnL,GAAGoL,eACfD,EAAEnL,GAAGoL,aAAe,SAAwBjD,GAK1C,OAAOU,KAAKwC,OAAO,QAAQ,EAAEC,KAJ7B,SAAcC,EAAOX,GACnB1C,EAAY0C,EAASzC,CAAO,CAC9B,CAEsC,EAAEqD,IAAI,CAC9C,GARAhR,EAAK,GAAI,mDAAmD,CAUhE,CAz6CsB,aAAlB,OAAOiB,SAIPf,EAAQ,EAGVG,EADAD,EAAa,CAAA,EAGbE,EADY,UACa4E,OAEzB1E,GADAD,EAAQ,iBACS2E,OACjBzE,EAAe,KACfC,EAAwBO,OAAOP,sBAC/BC,EAAuBkK,OAAOoG,OAAO,CACnC9M,IAAK,EACL+M,OAAQ,EACRC,WAAY,EACZC,sBAAuB,CACzB,CAAC,EACDxQ,EAAW,GACXC,EAAQ,KACRC,EAAW+J,OAAOoG,OAAO,CACvBzH,WAAY,CAAA,EACZ2D,eAAgB,KAChBF,WAAY,KACZH,aAAc,EACdM,YAAa,KACbzI,YAAa,CAAA,EACb2I,YAAa,CAAA,EACbN,oBAAqB,CAAA,EACrBE,wBAAyB,aACzBxJ,GAAI,gBACJqJ,SAAU,GACVsE,QAAS,cACTnP,IAAK,CAAA,EACLoP,UAAWzB,EAAAA,EACX0B,SAAU1B,EAAAA,EACV2B,UAAW,EACXC,SAAU,EACVhE,YAAa,CAAA,EACbF,WAAY,SACZ0B,UAAW,CAAA,EACXjD,WAAY,CAAA,EACZC,UAAW,CAAA,EACXU,eAAgB,IAChBU,UAAW,EACXG,uBAAwB,SACxBkE,QAAS,WACP,MAAO,CAAA,CACT,EACAC,SAAU,aACVC,OAAQ,aACRC,UAAW,WACTxP,EAAK,gCAAgC,CACvC,EACAyP,aAAc,aACdC,aAAc,aACdC,UAAW,aACXC,SAAU,WACR,MAAO,CAAA,CACT,CACF,CAAC,EAoqCClR,EAAa,GAyMbE,OAAOiR,SAAWjS,GACpByQ,EAAyBzP,OAAOiR,MAAM,EAGlB,YAAlB,OAAOC,QAAyBA,OAAOC,IACzCD,OAAO,GAAIhC,CAAO,EACS,UAAlB,OAAOkC,QAAiD,UAA1B,OAAOA,OAAOC,UAErDD,OAAOC,QAAUnC,EAAQ,GAE3BlP,OAAO2P,aAAe3P,OAAO2P,cAAgBT,EAAQ,EACtD,EAAE"} \ No newline at end of file diff --git a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.min.js b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.min.js index b5348dff0f5..911b57f7167 100644 --- a/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.min.js +++ b/review/fix-2678-tag-default-html/iframe-resizer/iframeResizer.min.js @@ -1,8 +1,21 @@ -/*! iFrame Resizer (iframeSizer.min.js ) - v4.3.11 - 2024-04-22 +/*! iFrame Resizer (iframeSizer.min.js ) - v4.4.4 - 2024-07-04 * Desc: Force cross domain iframes to size to content. * Requires: iframeResizer.contentWindow.min.js to be loaded into the target frame. * Copyright: (c) 2024 David J. Bradshaw - dave@bradshaw.net * License: MIT */ -!function(d){var c,u,l,a,v,x,I,M,r,f,k,i,m,z;function g(){return window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver}function F(e,n,i){e.addEventListener(n,i,!1)}function B(e,n,i){e.removeEventListener(n,i,!1)}function w(e){return x+"["+(n="Host page: "+(e=e),n=window.top!==window.self?window.parentIFrame&&window.parentIFrame.getId?window.parentIFrame.getId()+": "+e:"Nested host page: "+e:n)+"]";var n}function t(e){return k[e]?k[e].log:l}function O(e,n){o("log",e,n,t(e))}function E(e,n){o("info",e,n,t(e))}function R(e,n){o("warn",e,n,!0)}function o(e,n,i,t){!0===t&&"object"==typeof window.console&&console[e](w(n),i)}function n(e){function i(){t("Height"),t("Width"),P(function(){H(w),C(b),f("onResized",w)},w,"init")}function n(){var e=p.slice(I).split(":"),n=e[1]?parseInt(e[1],10):0,i=k[e[0]]&&k[e[0]].iframe,t=getComputedStyle(i);return{iframe:i,id:e[0],height:n+function(e){if("border-box"!==e.boxSizing)return 0;var n=e.paddingTop?parseInt(e.paddingTop,10):0,e=e.paddingBottom?parseInt(e.paddingBottom,10):0;return n+e}(t)+function(e){if("border-box"!==e.boxSizing)return 0;var n=e.borderTopWidth?parseInt(e.borderTopWidth,10):0,e=e.borderBottomWidth?parseInt(e.borderBottomWidth,10):0;return n+e}(t),width:e[2],type:e[3]}}function t(e){var n=Number(k[b]["max"+e]),i=Number(k[b]["min"+e]),e=e.toLowerCase(),t=Number(w[e]);O(b,"Checking "+e+" is in range "+i+"-"+n),tk[r]["max"+e])throw new Error("Value for min"+e+" can not be greater than max"+e)}}function p(e,n){null===i&&(i=setTimeout(function(){i=null,e()},n))}function b(){"hidden"!==document.visibilityState&&(O("document","Trigger event: Visibility change"),p(function(){y("Tab Visible","resize")},16))}function y(i,t){Object.keys(k).forEach(function(e){var n;k[n=e]&&"parent"===k[n].resizeFrom&&k[n].autoResize&&!k[n].firstRun&&A(i,t,k[e].iframe,e)})}function q(){F(window,"message",n),F(window,"resize",function(){var e;O("window","Trigger event: "+(e="resize")),p(function(){y("Window "+e,"resize")},16)}),F(document,"visibilitychange",b),F(document,"-webkit-visibilitychange",b)}function e(){function t(e,n){if(n){if(!n.tagName)throw new TypeError("Object is not a valid DOM element");if("IFRAME"!==n.tagName.toUpperCase())throw new TypeError("Expected