From ab6a72b449289cf45d63a0bcd7011e6ee1aecc65 Mon Sep 17 00:00:00 2001 From: nmerget Date: Fri, 26 Jul 2024 13:56:34 +0000 Subject: [PATCH] deploy: c5b77bfb7dae84218f489e7e95b16f6941dcaa13 --- review/test-input-required-messages/404.html | 2 +- .../components.json | 0 .../components/accordion-item.json | 0 .../components/accordion-item/overview.json | 0 .../components/accordion.json | 0 .../components/accordion/overview.json | 0 .../components/action.json | 0 .../components/action/button.json | 0 .../components/action/button/overview.json | 0 .../components/action/link.json | 0 .../components/action/link/overview.json | 0 .../components/badge.json | 0 .../components/badge/overview.json | 0 .../components/brand.json | 0 .../components/brand/overview.json | 0 .../components/button.json | 0 .../components/button/overview.json | 0 .../components/card.json | 0 .../components/card/overview.json | 0 .../components/checkbox.json | 0 .../components/checkbox/overview.json | 0 .../components/data-display.json | 0 .../components/data-display/accordion-item.json | 0 .../components/data-display/accordion-item/overview.json | 0 .../components/data-display/accordion.json | 0 .../components/data-display/accordion/overview.json | 0 .../components/data-display/brand.json | 0 .../components/data-display/brand/overview.json | 0 .../components/data-display/infotext.json | 0 .../components/data-display/infotext/overview.json | 0 .../components/data-display/tab-item.json | 0 .../components/data-display/tab-item/overview.json | 0 .../components/data-display/tabs.json | 0 .../components/data-display/tabs/overview.json | 0 .../components/data-display/tag.json | 0 .../components/data-display/tag/overview.json | 0 .../components/data-display/tooltip.json | 0 .../components/data-display/tooltip/overview.json | 0 .../components/data-input.json | 0 .../components/data-input/checkbox.json | 0 .../components/data-input/checkbox/overview.json | 0 .../components/data-input/input.json | 0 .../components/data-input/input/overview.json | 0 .../components/data-input/radio.json | 0 .../components/data-input/radio/overview.json | 0 .../components/data-input/select.json | 0 .../components/data-input/select/overview.json | 0 .../components/data-input/switch.json | 0 .../components/data-input/switch/overview.json | 0 .../components/data-input/textarea.json | 0 .../components/data-input/textarea/overview.json | 0 .../components/divider.json | 0 .../components/divider/overview.json | 0 .../components/drawer.json | 0 .../components/drawer/overview.json | 0 .../components/feedback.json | 0 .../components/feedback/badge.json | 0 .../components/feedback/badge/overview.json | 0 .../components/feedback/notification.json | 0 .../components/feedback/notification/overview.json | 0 .../components/header.json | 0 .../components/header/overview.json | 0 .../components/infotext.json | 0 .../components/infotext/overview.json | 0 .../components/input.json | 0 .../components/input/overview.json | 0 .../components/layout.json | 0 .../components/layout/card.json | 0 .../components/layout/card/overview.json | 0 .../components/layout/divider.json | 0 .../components/layout/divider/overview.json | 0 .../components/layout/drawer.json | 0 .../components/layout/drawer/overview.json | 0 .../components/layout/header.json | 0 .../components/layout/header/overview.json | 0 .../components/layout/section.json | 0 .../components/layout/section/overview.json | 0 .../components/link.json | 0 .../components/link/overview.json | 0 .../components/navigation-item.json | 0 .../components/navigation-item/overview.json | 0 .../components/navigation.json | 0 .../components/navigation/navigation-item.json | 0 .../components/navigation/navigation-item/overview.json | 0 .../components/navigation/navigation.json | 0 .../components/navigation/navigation/overview.json | 0 .../components/navigation/overview.json | 0 .../components/notification.json | 0 .../components/notification/overview.json | 0 .../components/popover.json | 0 .../components/popover/overview.json | 0 .../components/radio.json | 0 .../components/radio/overview.json | 0 .../components/section.json | 0 .../components/section/overview.json | 0 .../components/select.json | 0 .../components/select/overview.json | 0 .../components/switch.json | 0 .../components/switch/overview.json | 0 .../components/tab-item.json | 0 .../components/tab-item/overview.json | 0 .../components/tabs.json | 0 .../components/tabs/overview.json | 0 .../components/tag.json | 0 .../components/tag/overview.json | 0 .../components/textarea.json | 0 .../components/textarea/overview.json | 0 .../components/tooltip.json | 0 .../components/tooltip/overview.json | 0 .../components/utilities.json | 0 .../components/utilities/popover.json | 0 .../components/utilities/popover/overview.json | 0 .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 .../_next/static/chunks/2182-abe8f981191a734c.js | 1 + .../_next/static/chunks/2182-c094922217fa91bc.js | 1 - .../{2811-96647a9baf72d1b2.js => 2811-3ce37ae0abba4a49.js} | 2 +- .../_next/static/css/3414f9aa6d7d91bf.css | 1 - .../_next/static/css/e563bbc0c1e7a600.css | 1 + review/test-input-required-messages/base64.html | 2 +- review/test-input-required-messages/components.html | 2 +- .../components/accordion-item.html | 2 +- .../components/accordion-item/docs/Angular.html | 2 +- .../components/accordion-item/docs/HTML.html | 2 +- .../components/accordion-item/docs/React.html | 2 +- .../components/accordion-item/docs/Vue.html | 2 +- .../components/accordion-item/overview.html | 2 +- .../components/accordion-item/properties.html | 2 +- review/test-input-required-messages/components/accordion.html | 2 +- .../components/accordion/docs/Angular.html | 2 +- .../components/accordion/docs/HTML.html | 2 +- .../components/accordion/docs/React.html | 2 +- .../components/accordion/docs/Vue.html | 2 +- .../components/accordion/overview.html | 2 +- .../components/accordion/properties.html | 2 +- review/test-input-required-messages/components/action.html | 2 +- .../components/action/button.html | 2 +- .../components/action/button/docs/Angular.html | 4 ++-- .../components/action/button/docs/HTML.html | 4 ++-- .../components/action/button/docs/Migration.html | 4 ++-- .../components/action/button/docs/React.html | 4 ++-- .../components/action/button/docs/Vue.html | 4 ++-- .../components/action/button/how-to-use.html | 2 +- .../components/action/button/migration.html | 2 +- .../components/action/button/overview.html | 2 +- .../components/action/button/properties.html | 2 +- .../test-input-required-messages/components/action/link.html | 2 +- .../components/action/link/docs/Angular.html | 4 ++-- .../components/action/link/docs/HTML.html | 4 ++-- .../components/action/link/docs/Migration.html | 4 ++-- .../components/action/link/docs/React.html | 4 ++-- .../components/action/link/docs/Vue.html | 4 ++-- .../components/action/link/how-to-use.html | 2 +- .../components/action/link/migration.html | 2 +- .../components/action/link/overview.html | 2 +- .../components/action/link/properties.html | 2 +- review/test-input-required-messages/components/badge.html | 2 +- .../components/badge/docs/Angular.html | 2 +- .../components/badge/docs/HTML.html | 2 +- .../components/badge/docs/React.html | 2 +- .../components/badge/docs/Vue.html | 2 +- .../components/badge/overview.html | 2 +- .../components/badge/properties.html | 2 +- review/test-input-required-messages/components/brand.html | 2 +- .../components/brand/docs/Angular.html | 2 +- .../components/brand/docs/HTML.html | 2 +- .../components/brand/docs/React.html | 2 +- .../components/brand/docs/Vue.html | 2 +- .../components/brand/overview.html | 2 +- .../components/brand/properties.html | 2 +- review/test-input-required-messages/components/button.html | 2 +- .../components/button/docs/Angular.html | 2 +- .../components/button/docs/HTML.html | 2 +- .../components/button/docs/React.html | 2 +- .../components/button/docs/Vue.html | 2 +- .../components/button/overview.html | 2 +- .../components/button/properties.html | 2 +- review/test-input-required-messages/components/card.html | 2 +- .../components/card/docs/Angular.html | 2 +- .../components/card/docs/HTML.html | 2 +- .../components/card/docs/React.html | 2 +- .../components/card/docs/Vue.html | 2 +- .../components/card/overview.html | 2 +- .../components/card/properties.html | 2 +- review/test-input-required-messages/components/checkbox.html | 2 +- .../components/checkbox/docs/Angular.html | 2 +- .../components/checkbox/docs/HTML.html | 2 +- .../components/checkbox/docs/React.html | 2 +- .../components/checkbox/docs/Vue.html | 2 +- .../components/checkbox/overview.html | 2 +- .../components/checkbox/properties.html | 2 +- .../test-input-required-messages/components/data-display.html | 2 +- .../components/data-display/accordion-item.html | 2 +- .../components/data-display/accordion-item/docs/Angular.html | 4 ++-- .../components/data-display/accordion-item/docs/HTML.html | 4 ++-- .../data-display/accordion-item/docs/Migration.html | 4 ++-- .../components/data-display/accordion-item/docs/React.html | 4 ++-- .../components/data-display/accordion-item/docs/Vue.html | 4 ++-- .../components/data-display/accordion-item/how-to-use.html | 2 +- .../components/data-display/accordion-item/migration.html | 2 +- .../components/data-display/accordion-item/overview.html | 2 +- .../components/data-display/accordion-item/properties.html | 2 +- .../components/data-display/accordion.html | 2 +- .../components/data-display/accordion/docs/Angular.html | 4 ++-- .../components/data-display/accordion/docs/HTML.html | 4 ++-- .../components/data-display/accordion/docs/Migration.html | 4 ++-- .../components/data-display/accordion/docs/React.html | 4 ++-- .../components/data-display/accordion/docs/Vue.html | 4 ++-- .../components/data-display/accordion/how-to-use.html | 2 +- .../components/data-display/accordion/migration.html | 2 +- .../components/data-display/accordion/overview.html | 2 +- .../components/data-display/accordion/properties.html | 2 +- .../components/data-display/brand.html | 2 +- .../components/data-display/brand/docs/Angular.html | 4 ++-- .../components/data-display/brand/docs/HTML.html | 4 ++-- .../components/data-display/brand/docs/Migration.html | 4 ++-- .../components/data-display/brand/docs/React.html | 4 ++-- .../components/data-display/brand/docs/Vue.html | 4 ++-- .../components/data-display/brand/how-to-use.html | 2 +- .../components/data-display/brand/migration.html | 2 +- .../components/data-display/brand/overview.html | 2 +- .../components/data-display/brand/properties.html | 2 +- .../components/data-display/infotext.html | 2 +- .../components/data-display/infotext/docs/Angular.html | 4 ++-- .../components/data-display/infotext/docs/HTML.html | 4 ++-- .../components/data-display/infotext/docs/Migration.html | 4 ++-- .../components/data-display/infotext/docs/React.html | 4 ++-- .../components/data-display/infotext/docs/Vue.html | 4 ++-- .../components/data-display/infotext/how-to-use.html | 2 +- .../components/data-display/infotext/migration.html | 2 +- .../components/data-display/infotext/overview.html | 2 +- .../components/data-display/infotext/properties.html | 2 +- .../components/data-display/tab-item.html | 2 +- .../components/data-display/tab-item/docs/Angular.html | 4 ++-- .../components/data-display/tab-item/docs/HTML.html | 4 ++-- .../components/data-display/tab-item/docs/Migration.html | 4 ++-- .../components/data-display/tab-item/docs/React.html | 4 ++-- .../components/data-display/tab-item/docs/Vue.html | 4 ++-- .../components/data-display/tab-item/how-to-use.html | 2 +- .../components/data-display/tab-item/migration.html | 2 +- .../components/data-display/tab-item/overview.html | 2 +- .../components/data-display/tab-item/properties.html | 2 +- .../components/data-display/tabs.html | 2 +- .../components/data-display/tabs/docs/Angular.html | 4 ++-- .../components/data-display/tabs/docs/HTML.html | 4 ++-- .../components/data-display/tabs/docs/Migration.html | 4 ++-- .../components/data-display/tabs/docs/React.html | 4 ++-- .../components/data-display/tabs/docs/Vue.html | 4 ++-- .../components/data-display/tabs/how-to-use.html | 2 +- .../components/data-display/tabs/migration.html | 2 +- .../components/data-display/tabs/overview.html | 2 +- .../components/data-display/tabs/properties.html | 2 +- .../components/data-display/tag.html | 2 +- .../components/data-display/tag/docs/Angular.html | 4 ++-- .../components/data-display/tag/docs/HTML.html | 4 ++-- .../components/data-display/tag/docs/Migration.html | 4 ++-- .../components/data-display/tag/docs/React.html | 4 ++-- .../components/data-display/tag/docs/Vue.html | 4 ++-- .../components/data-display/tag/how-to-use.html | 2 +- .../components/data-display/tag/migration.html | 2 +- .../components/data-display/tag/overview.html | 2 +- .../components/data-display/tag/properties.html | 2 +- .../components/data-display/tooltip.html | 2 +- .../components/data-display/tooltip/docs/Angular.html | 4 ++-- .../components/data-display/tooltip/docs/HTML.html | 4 ++-- .../components/data-display/tooltip/docs/Migration.html | 4 ++-- .../components/data-display/tooltip/docs/React.html | 4 ++-- .../components/data-display/tooltip/docs/Vue.html | 4 ++-- .../components/data-display/tooltip/how-to-use.html | 2 +- .../components/data-display/tooltip/migration.html | 2 +- .../components/data-display/tooltip/overview.html | 2 +- .../components/data-display/tooltip/properties.html | 2 +- .../test-input-required-messages/components/data-input.html | 2 +- .../components/data-input/checkbox.html | 2 +- .../components/data-input/checkbox/docs/Angular.html | 4 ++-- .../components/data-input/checkbox/docs/HTML.html | 4 ++-- .../components/data-input/checkbox/docs/Migration.html | 4 ++-- .../components/data-input/checkbox/docs/React.html | 4 ++-- .../components/data-input/checkbox/docs/Vue.html | 4 ++-- .../components/data-input/checkbox/how-to-use.html | 2 +- .../components/data-input/checkbox/migration.html | 2 +- .../components/data-input/checkbox/overview.html | 2 +- .../components/data-input/checkbox/properties.html | 2 +- .../components/data-input/input.html | 2 +- .../components/data-input/input/docs/Angular.html | 4 ++-- .../components/data-input/input/docs/HTML.html | 4 ++-- .../components/data-input/input/docs/Migration.html | 4 ++-- .../components/data-input/input/docs/React.html | 4 ++-- .../components/data-input/input/docs/Vue.html | 4 ++-- .../components/data-input/input/how-to-use.html | 2 +- .../components/data-input/input/migration.html | 2 +- .../components/data-input/input/overview.html | 2 +- .../components/data-input/input/properties.html | 2 +- .../components/data-input/radio.html | 2 +- .../components/data-input/radio/docs/Angular.html | 4 ++-- .../components/data-input/radio/docs/HTML.html | 4 ++-- .../components/data-input/radio/docs/Migration.html | 4 ++-- .../components/data-input/radio/docs/React.html | 4 ++-- .../components/data-input/radio/docs/Vue.html | 4 ++-- .../components/data-input/radio/how-to-use.html | 2 +- .../components/data-input/radio/migration.html | 2 +- .../components/data-input/radio/overview.html | 2 +- .../components/data-input/radio/properties.html | 2 +- .../components/data-input/select.html | 2 +- .../components/data-input/select/docs/Angular.html | 4 ++-- .../components/data-input/select/docs/HTML.html | 4 ++-- .../components/data-input/select/docs/Migration.html | 4 ++-- .../components/data-input/select/docs/React.html | 4 ++-- .../components/data-input/select/docs/Vue.html | 4 ++-- .../components/data-input/select/how-to-use.html | 2 +- .../components/data-input/select/migration.html | 2 +- .../components/data-input/select/overview.html | 2 +- .../components/data-input/select/properties.html | 2 +- .../components/data-input/switch.html | 2 +- .../components/data-input/switch/docs/Angular.html | 4 ++-- .../components/data-input/switch/docs/HTML.html | 4 ++-- .../components/data-input/switch/docs/Migration.html | 4 ++-- .../components/data-input/switch/docs/React.html | 4 ++-- .../components/data-input/switch/docs/Vue.html | 4 ++-- .../components/data-input/switch/how-to-use.html | 2 +- .../components/data-input/switch/migration.html | 2 +- .../components/data-input/switch/overview.html | 2 +- .../components/data-input/switch/properties.html | 2 +- .../components/data-input/textarea.html | 2 +- .../components/data-input/textarea/docs/Angular.html | 4 ++-- .../components/data-input/textarea/docs/HTML.html | 4 ++-- .../components/data-input/textarea/docs/Migration.html | 4 ++-- .../components/data-input/textarea/docs/React.html | 4 ++-- .../components/data-input/textarea/docs/Vue.html | 4 ++-- .../components/data-input/textarea/how-to-use.html | 2 +- .../components/data-input/textarea/migration.html | 2 +- .../components/data-input/textarea/overview.html | 2 +- .../components/data-input/textarea/properties.html | 2 +- review/test-input-required-messages/components/divider.html | 2 +- .../components/divider/docs/Angular.html | 2 +- .../components/divider/docs/HTML.html | 2 +- .../components/divider/docs/React.html | 2 +- .../components/divider/docs/Vue.html | 2 +- .../components/divider/overview.html | 2 +- .../components/divider/properties.html | 2 +- review/test-input-required-messages/components/drawer.html | 2 +- .../components/drawer/docs/Angular.html | 2 +- .../components/drawer/docs/HTML.html | 2 +- .../components/drawer/docs/React.html | 2 +- .../components/drawer/docs/Vue.html | 2 +- .../components/drawer/overview.html | 2 +- .../components/drawer/properties.html | 2 +- review/test-input-required-messages/components/feedback.html | 2 +- .../components/feedback/badge.html | 2 +- .../components/feedback/badge/docs/Angular.html | 4 ++-- .../components/feedback/badge/docs/HTML.html | 4 ++-- .../components/feedback/badge/docs/Migration.html | 4 ++-- .../components/feedback/badge/docs/React.html | 4 ++-- .../components/feedback/badge/docs/Vue.html | 4 ++-- .../components/feedback/badge/how-to-use.html | 2 +- .../components/feedback/badge/migration.html | 2 +- .../components/feedback/badge/overview.html | 2 +- .../components/feedback/badge/properties.html | 2 +- .../components/feedback/notification.html | 2 +- .../components/feedback/notification/docs/Angular.html | 4 ++-- .../components/feedback/notification/docs/HTML.html | 4 ++-- .../components/feedback/notification/docs/Migration.html | 4 ++-- .../components/feedback/notification/docs/React.html | 4 ++-- .../components/feedback/notification/docs/Vue.html | 4 ++-- .../components/feedback/notification/how-to-use.html | 2 +- .../components/feedback/notification/migration.html | 2 +- .../components/feedback/notification/overview.html | 2 +- .../components/feedback/notification/properties.html | 2 +- review/test-input-required-messages/components/header.html | 2 +- .../components/header/docs/Angular.html | 2 +- .../components/header/docs/HTML.html | 2 +- .../components/header/docs/React.html | 2 +- .../components/header/docs/Vue.html | 2 +- .../components/header/overview.html | 2 +- .../components/header/properties.html | 2 +- review/test-input-required-messages/components/infotext.html | 2 +- .../components/infotext/docs/Angular.html | 2 +- .../components/infotext/docs/HTML.html | 2 +- .../components/infotext/docs/React.html | 2 +- .../components/infotext/docs/Vue.html | 2 +- .../components/infotext/overview.html | 2 +- .../components/infotext/properties.html | 2 +- review/test-input-required-messages/components/input.html | 2 +- .../components/input/docs/Angular.html | 2 +- .../components/input/docs/HTML.html | 2 +- .../components/input/docs/React.html | 2 +- .../components/input/docs/Vue.html | 2 +- .../components/input/overview.html | 2 +- .../components/input/properties.html | 2 +- review/test-input-required-messages/components/layout.html | 2 +- .../test-input-required-messages/components/layout/card.html | 2 +- .../components/layout/card/docs/Angular.html | 4 ++-- .../components/layout/card/docs/HTML.html | 4 ++-- .../components/layout/card/docs/Migration.html | 4 ++-- .../components/layout/card/docs/React.html | 4 ++-- .../components/layout/card/docs/Vue.html | 4 ++-- .../components/layout/card/how-to-use.html | 2 +- .../components/layout/card/migration.html | 2 +- .../components/layout/card/overview.html | 2 +- .../components/layout/card/properties.html | 2 +- .../components/layout/divider.html | 2 +- .../components/layout/divider/docs/Angular.html | 4 ++-- .../components/layout/divider/docs/HTML.html | 4 ++-- .../components/layout/divider/docs/Migration.html | 4 ++-- .../components/layout/divider/docs/React.html | 4 ++-- .../components/layout/divider/docs/Vue.html | 4 ++-- .../components/layout/divider/how-to-use.html | 2 +- .../components/layout/divider/migration.html | 2 +- .../components/layout/divider/overview.html | 2 +- .../components/layout/divider/properties.html | 2 +- .../components/layout/drawer.html | 2 +- .../components/layout/drawer/docs/Angular.html | 4 ++-- .../components/layout/drawer/docs/HTML.html | 4 ++-- .../components/layout/drawer/docs/Migration.html | 4 ++-- .../components/layout/drawer/docs/React.html | 4 ++-- .../components/layout/drawer/docs/Vue.html | 4 ++-- .../components/layout/drawer/how-to-use.html | 2 +- .../components/layout/drawer/migration.html | 2 +- .../components/layout/drawer/overview.html | 2 +- .../components/layout/drawer/properties.html | 2 +- .../components/layout/header.html | 2 +- .../components/layout/header/docs/Angular.html | 4 ++-- .../components/layout/header/docs/HTML.html | 4 ++-- .../components/layout/header/docs/Migration.html | 4 ++-- .../components/layout/header/docs/React.html | 4 ++-- .../components/layout/header/docs/Vue.html | 4 ++-- .../components/layout/header/how-to-use.html | 2 +- .../components/layout/header/migration.html | 2 +- .../components/layout/header/overview.html | 2 +- .../components/layout/header/properties.html | 2 +- .../components/layout/section.html | 2 +- .../components/layout/section/docs/Angular.html | 4 ++-- .../components/layout/section/docs/HTML.html | 4 ++-- .../components/layout/section/docs/Migration.html | 4 ++-- .../components/layout/section/docs/React.html | 4 ++-- .../components/layout/section/docs/Vue.html | 4 ++-- .../components/layout/section/how-to-use.html | 2 +- .../components/layout/section/migration.html | 2 +- .../components/layout/section/overview.html | 2 +- .../components/layout/section/properties.html | 2 +- review/test-input-required-messages/components/link.html | 2 +- .../components/link/docs/Angular.html | 2 +- .../components/link/docs/HTML.html | 2 +- .../components/link/docs/React.html | 2 +- .../components/link/docs/Vue.html | 2 +- .../components/link/overview.html | 2 +- .../components/link/properties.html | 2 +- .../components/navigation-item.html | 2 +- .../components/navigation-item/docs/Angular.html | 2 +- .../components/navigation-item/docs/HTML.html | 2 +- .../components/navigation-item/docs/React.html | 2 +- .../components/navigation-item/docs/Vue.html | 2 +- .../components/navigation-item/overview.html | 2 +- .../components/navigation-item/properties.html | 2 +- .../test-input-required-messages/components/navigation.html | 2 +- .../components/navigation/docs/Angular.html | 2 +- .../components/navigation/docs/HTML.html | 2 +- .../components/navigation/docs/React.html | 2 +- .../components/navigation/docs/Vue.html | 2 +- .../components/navigation/navigation-item.html | 2 +- .../components/navigation/navigation-item/docs/Angular.html | 4 ++-- .../components/navigation/navigation-item/docs/HTML.html | 4 ++-- .../components/navigation/navigation-item/docs/Migration.html | 4 ++-- .../components/navigation/navigation-item/docs/React.html | 4 ++-- .../components/navigation/navigation-item/docs/Vue.html | 4 ++-- .../components/navigation/navigation-item/how-to-use.html | 2 +- .../components/navigation/navigation-item/migration.html | 2 +- .../components/navigation/navigation-item/overview.html | 2 +- .../components/navigation/navigation-item/properties.html | 2 +- .../components/navigation/navigation.html | 2 +- .../components/navigation/navigation/docs/Angular.html | 4 ++-- .../components/navigation/navigation/docs/HTML.html | 4 ++-- .../components/navigation/navigation/docs/Migration.html | 4 ++-- .../components/navigation/navigation/docs/React.html | 4 ++-- .../components/navigation/navigation/docs/Vue.html | 4 ++-- .../components/navigation/navigation/how-to-use.html | 2 +- .../components/navigation/navigation/migration.html | 2 +- .../components/navigation/navigation/overview.html | 2 +- .../components/navigation/navigation/properties.html | 2 +- .../components/navigation/overview.html | 2 +- .../components/navigation/properties.html | 2 +- .../test-input-required-messages/components/notification.html | 2 +- .../components/notification/docs/Angular.html | 2 +- .../components/notification/docs/HTML.html | 2 +- .../components/notification/docs/React.html | 2 +- .../components/notification/docs/Vue.html | 2 +- .../components/notification/overview.html | 2 +- .../components/notification/properties.html | 2 +- review/test-input-required-messages/components/popover.html | 2 +- .../components/popover/docs/Angular.html | 2 +- .../components/popover/docs/HTML.html | 2 +- .../components/popover/docs/React.html | 2 +- .../components/popover/docs/Vue.html | 2 +- .../components/popover/overview.html | 2 +- .../components/popover/properties.html | 2 +- review/test-input-required-messages/components/radio.html | 2 +- .../components/radio/docs/Angular.html | 2 +- .../components/radio/docs/HTML.html | 2 +- .../components/radio/docs/React.html | 2 +- .../components/radio/docs/Vue.html | 2 +- .../components/radio/overview.html | 2 +- .../components/radio/properties.html | 2 +- review/test-input-required-messages/components/readme.html | 2 +- .../test-input-required-messages/components/router-usage.html | 2 +- review/test-input-required-messages/components/section.html | 2 +- .../components/section/docs/Angular.html | 2 +- .../components/section/docs/HTML.html | 2 +- .../components/section/docs/React.html | 2 +- .../components/section/docs/Vue.html | 2 +- .../components/section/overview.html | 2 +- .../components/section/properties.html | 2 +- review/test-input-required-messages/components/select.html | 2 +- .../components/select/docs/Angular.html | 2 +- .../components/select/docs/HTML.html | 2 +- .../components/select/docs/React.html | 2 +- .../components/select/docs/Vue.html | 2 +- .../components/select/overview.html | 2 +- .../components/select/properties.html | 2 +- review/test-input-required-messages/components/switch.html | 2 +- .../components/switch/docs/Angular.html | 2 +- .../components/switch/docs/HTML.html | 2 +- .../components/switch/docs/React.html | 2 +- .../components/switch/docs/Vue.html | 2 +- .../components/switch/overview.html | 2 +- .../components/switch/properties.html | 2 +- review/test-input-required-messages/components/tab-item.html | 2 +- .../components/tab-item/docs/Angular.html | 2 +- .../components/tab-item/docs/HTML.html | 2 +- .../components/tab-item/docs/React.html | 2 +- .../components/tab-item/docs/Vue.html | 2 +- .../components/tab-item/overview.html | 2 +- .../components/tab-item/properties.html | 2 +- review/test-input-required-messages/components/tabs.html | 2 +- .../components/tabs/docs/Angular.html | 2 +- .../components/tabs/docs/HTML.html | 2 +- .../components/tabs/docs/React.html | 2 +- .../components/tabs/docs/Vue.html | 2 +- .../components/tabs/overview.html | 2 +- .../components/tabs/properties.html | 2 +- review/test-input-required-messages/components/tag.html | 2 +- .../components/tag/docs/Angular.html | 2 +- .../components/tag/docs/HTML.html | 2 +- .../components/tag/docs/React.html | 2 +- .../test-input-required-messages/components/tag/docs/Vue.html | 2 +- .../test-input-required-messages/components/tag/overview.html | 2 +- .../components/tag/properties.html | 2 +- review/test-input-required-messages/components/textarea.html | 2 +- .../components/textarea/docs/Angular.html | 2 +- .../components/textarea/docs/HTML.html | 2 +- .../components/textarea/docs/React.html | 2 +- .../components/textarea/docs/Vue.html | 2 +- .../components/textarea/overview.html | 2 +- .../components/textarea/properties.html | 2 +- review/test-input-required-messages/components/tooltip.html | 2 +- .../components/tooltip/docs/Angular.html | 2 +- .../components/tooltip/docs/HTML.html | 2 +- .../components/tooltip/docs/React.html | 2 +- .../components/tooltip/docs/Vue.html | 2 +- .../components/tooltip/overview.html | 2 +- .../components/tooltip/properties.html | 2 +- review/test-input-required-messages/components/utilities.html | 2 +- .../components/utilities/popover.html | 2 +- .../components/utilities/popover/docs/Angular.html | 4 ++-- .../components/utilities/popover/docs/HTML.html | 4 ++-- .../components/utilities/popover/docs/Migration.html | 4 ++-- .../components/utilities/popover/docs/React.html | 4 ++-- .../components/utilities/popover/docs/Vue.html | 4 ++-- .../components/utilities/popover/how-to-use.html | 2 +- .../components/utilities/popover/migration.html | 2 +- .../components/utilities/popover/overview.html | 2 +- .../components/utilities/popover/properties.html | 2 +- .../test-input-required-messages/components/validation.html | 2 +- review/test-input-required-messages/foundations.html | 2 +- review/test-input-required-messages/foundations/colors.html | 2 +- .../foundations/colors/color-schemes.html | 2 +- .../foundations/colors/overview.html | 2 +- .../foundations/colors/readme.html | 2 +- .../test-input-required-messages/foundations/densities.html | 2 +- .../foundations/densities/examples.html | 2 +- .../foundations/densities/readme.html | 2 +- .../test-input-required-messages/foundations/font-sizes.html | 2 +- .../foundations/font-sizes/overview.html | 2 +- .../foundations/font-sizes/readme.html | 2 +- review/test-input-required-messages/foundations/icons.html | 2 +- .../foundations/icons/custom-icons.html | 2 +- .../foundations/icons/overview.html | 2 +- .../foundations/icons/readme.html | 2 +- review/test-input-required-messages/foundations/readme.html | 2 +- .../test-input-required-messages/foundations/variables.html | 2 +- .../foundations/variables/examples.html | 2 +- .../foundations/variables/readme.html | 2 +- review/test-input-required-messages/iframe.html | 2 +- review/test-input-required-messages/index.html | 2 +- 593 files changed, 609 insertions(+), 609 deletions(-) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/accordion-item.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/accordion-item/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/accordion.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/accordion/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/action.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/action/button.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/action/button/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/action/link.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/action/link/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/badge.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/badge/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/brand.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/brand/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/button.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/button/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/card.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/card/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/checkbox.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/checkbox/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/accordion-item.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/accordion-item/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/accordion.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/accordion/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/brand.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/brand/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/infotext.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/infotext/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/tab-item.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/tab-item/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/tabs.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/tabs/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/tag.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/tag/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/tooltip.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-display/tooltip/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/checkbox.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/checkbox/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/input.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/input/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/radio.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/radio/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/select.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/select/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/switch.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/switch/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/textarea.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/data-input/textarea/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/divider.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/divider/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/drawer.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/drawer/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/feedback.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/feedback/badge.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/feedback/badge/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/feedback/notification.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/feedback/notification/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/header.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/header/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/infotext.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/infotext/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/input.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/input/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/card.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/card/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/divider.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/divider/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/drawer.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/drawer/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/header.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/header/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/section.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/layout/section/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/link.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/link/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/navigation-item.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/navigation-item/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/navigation.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/navigation/navigation-item.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/navigation/navigation-item/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/navigation/navigation.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/navigation/navigation/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/navigation/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/notification.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/notification/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/popover.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/popover/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/radio.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/radio/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/section.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/section/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/select.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/select/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/switch.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/switch/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/tab-item.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/tab-item/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/tabs.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/tabs/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/tag.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/tag/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/textarea.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/textarea/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/tooltip.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/tooltip/overview.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/utilities.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/utilities/popover.json (100%) rename review/test-input-required-messages/_next/data/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/components/utilities/popover/overview.json (100%) rename review/test-input-required-messages/_next/static/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/_buildManifest.js (99%) rename review/test-input-required-messages/_next/static/{0H5jyfeiF55OAO8z3qmhY => 0-Ae27K3i8W0yJwEjZUG7}/_ssgManifest.js (100%) create mode 100644 review/test-input-required-messages/_next/static/chunks/2182-abe8f981191a734c.js delete mode 100644 review/test-input-required-messages/_next/static/chunks/2182-c094922217fa91bc.js rename review/test-input-required-messages/_next/static/chunks/{2811-96647a9baf72d1b2.js => 2811-3ce37ae0abba4a49.js} (55%) delete mode 100644 review/test-input-required-messages/_next/static/css/3414f9aa6d7d91bf.css create mode 100644 review/test-input-required-messages/_next/static/css/e563bbc0c1e7a600.css diff --git a/review/test-input-required-messages/404.html b/review/test-input-required-messages/404.html index 077b2a87c71..42539c852b0 100644 --- a/review/test-input-required-messages/404.html +++ b/review/test-input-required-messages/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/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/accordion-item.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/accordion-item.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/accordion-item.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/accordion-item.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/accordion-item/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/accordion-item/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/accordion-item/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/accordion-item/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/accordion.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/accordion.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/accordion.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/accordion.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/accordion/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/accordion/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/accordion/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/accordion/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action/button.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action/button.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action/button.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action/button.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action/button/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action/button/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action/button/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action/button/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action/link.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action/link.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action/link.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action/link.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action/link/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action/link/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/action/link/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/action/link/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/badge.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/badge.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/badge.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/badge.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/badge/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/badge/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/badge/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/badge/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/brand.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/brand.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/brand.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/brand.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/brand/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/brand/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/brand/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/brand/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/button.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/button.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/button.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/button.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/button/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/button/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/button/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/button/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/card.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/card.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/card.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/card.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/card/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/card/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/card/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/card/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/checkbox.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/checkbox.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/checkbox.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/checkbox.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/checkbox/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/checkbox/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/checkbox/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/checkbox/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/accordion-item.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/accordion-item.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/accordion-item.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/accordion-item.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/accordion-item/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/accordion-item/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/accordion-item/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/accordion-item/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/accordion.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/accordion.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/accordion.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/accordion.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/accordion/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/accordion/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/accordion/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/accordion/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/brand.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/brand.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/brand.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/brand.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/brand/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/brand/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/brand/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/brand/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/infotext.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/infotext.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/infotext.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/infotext.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/infotext/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/infotext/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/infotext/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/infotext/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tab-item.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tab-item.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tab-item.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tab-item.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tab-item/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tab-item/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tab-item/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tab-item/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tabs.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tabs.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tabs.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tabs.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tabs/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tabs/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tabs/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tabs/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tag.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tag.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tag.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tag.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tag/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tag/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tag/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tag/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tooltip.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tooltip.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tooltip.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tooltip.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tooltip/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tooltip/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-display/tooltip/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-display/tooltip/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/checkbox.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/checkbox.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/checkbox.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/checkbox.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/checkbox/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/checkbox/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/checkbox/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/checkbox/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/input.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/input.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/input.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/input.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/input/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/input/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/input/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/input/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/radio.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/radio.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/radio.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/radio.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/radio/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/radio/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/radio/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/radio/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/select.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/select.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/select.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/select.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/select/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/select/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/select/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/select/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/switch.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/switch.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/switch.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/switch.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/switch/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/switch/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/switch/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/switch/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/textarea.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/textarea.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/textarea.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/textarea.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/textarea/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/textarea/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/data-input/textarea/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/data-input/textarea/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/divider.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/divider.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/divider.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/divider.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/divider/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/divider/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/divider/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/divider/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/drawer.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/drawer.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/drawer.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/drawer.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/drawer/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/drawer/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/drawer/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/drawer/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback/badge.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback/badge.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback/badge.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback/badge.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback/badge/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback/badge/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback/badge/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback/badge/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback/notification.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback/notification.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback/notification.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback/notification.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback/notification/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback/notification/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/feedback/notification/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/feedback/notification/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/header.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/header.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/header.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/header.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/header/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/header/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/header/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/header/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/infotext.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/infotext.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/infotext.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/infotext.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/infotext/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/infotext/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/infotext/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/infotext/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/input.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/input.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/input.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/input.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/input/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/input/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/input/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/input/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/card.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/card.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/card.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/card.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/card/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/card/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/card/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/card/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/divider.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/divider.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/divider.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/divider.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/divider/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/divider/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/divider/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/divider/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/drawer.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/drawer.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/drawer.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/drawer.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/drawer/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/drawer/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/drawer/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/drawer/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/header.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/header.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/header.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/header.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/header/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/header/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/header/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/header/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/section.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/section.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/section.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/section.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/section/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/section/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/layout/section/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/layout/section/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/link.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/link.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/link.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/link.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/link/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/link/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/link/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/link/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation-item.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation-item.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation-item.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation-item.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation-item/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation-item/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation-item/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation-item/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/navigation-item.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/navigation-item.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/navigation-item.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/navigation-item.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/navigation-item/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/navigation-item/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/navigation-item/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/navigation-item/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/navigation.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/navigation.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/navigation.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/navigation.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/navigation/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/navigation/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/navigation/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/navigation/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/navigation/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/navigation/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/notification.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/notification.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/notification.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/notification.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/notification/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/notification/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/notification/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/notification/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/popover.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/popover.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/popover.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/popover.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/popover/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/popover/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/popover/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/popover/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/radio.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/radio.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/radio.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/radio.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/radio/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/radio/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/radio/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/radio/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/section.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/section.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/section.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/section.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/section/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/section/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/section/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/section/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/select.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/select.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/select.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/select.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/select/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/select/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/select/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/select/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/switch.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/switch.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/switch.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/switch.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/switch/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/switch/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/switch/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/switch/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tab-item.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tab-item.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tab-item.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tab-item.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tab-item/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tab-item/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tab-item/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tab-item/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tabs.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tabs.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tabs.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tabs.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tabs/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tabs/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tabs/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tabs/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tag.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tag.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tag.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tag.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tag/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tag/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tag/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tag/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/textarea.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/textarea.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/textarea.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/textarea.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/textarea/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/textarea/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/textarea/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/textarea/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tooltip.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tooltip.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tooltip.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tooltip.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tooltip/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tooltip/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/tooltip/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/tooltip/overview.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/utilities.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/utilities.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/utilities.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/utilities.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/utilities/popover.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/utilities/popover.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/utilities/popover.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/utilities/popover.json diff --git a/review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/utilities/popover/overview.json b/review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/utilities/popover/overview.json similarity index 100% rename from review/test-input-required-messages/_next/data/0H5jyfeiF55OAO8z3qmhY/components/utilities/popover/overview.json rename to review/test-input-required-messages/_next/data/0-Ae27K3i8W0yJwEjZUG7/components/utilities/popover/overview.json diff --git a/review/test-input-required-messages/_next/static/0H5jyfeiF55OAO8z3qmhY/_buildManifest.js b/review/test-input-required-messages/_next/static/0-Ae27K3i8W0yJwEjZUG7/_buildManifest.js similarity index 99% rename from review/test-input-required-messages/_next/static/0H5jyfeiF55OAO8z3qmhY/_buildManifest.js rename to review/test-input-required-messages/_next/static/0-Ae27K3i8W0yJwEjZUG7/_buildManifest.js index 4e1ff7c2339..976990406e5 100644 --- a/review/test-input-required-messages/_next/static/0H5jyfeiF55OAO8z3qmhY/_buildManifest.js +++ b/review/test-input-required-messages/_next/static/0-Ae27K3i8W0yJwEjZUG7/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,t,s,n,c,a){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[t,n,o,s,"static/chunks/pages/index-15099ef7716a6ba4.js"],"/404":["static/chunks/pages/404-e53a0ff2c98c4a8e.js"],"/_error":["static/chunks/pages/_error-63a85f35faef16c8.js"],"/base64":[c,"static/chunks/pages/base64-a7630671efe21c8a.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-0ad487ccbbde3aab.js"],"/components/action/button/migration":[t,n,o,s,a,"static/chunks/pages/components/action/button/migration-b48c85bbb6afcdb9.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-4a45016e6d830a1e.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-f50dc31633b9de81.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-853fa77fa167a23b.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-6de7fa506ba2b8d1.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-f6145327bf10a023.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-576ea416fe6fa2e5.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-87176c182557734e.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-30326c4e6259913c.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-5ce79f0529f30107.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-3f86e3c1b1f7801b.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-0001bf796e6f7a59.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-b495a4ef9722f468.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-633df4b76946ce6f.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-54615b8e29eef3c4.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-77a74d3aeb1058e6.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-f1e38cb3a8ba409a.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-6430de7dfe1ad01b.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-d77bc60025a6a83e.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-e2c8f6d50574f177.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-bdd45304822cc63a.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-28550c58a324d5d9.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-728d7807f2e95a31.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-4d7cb83dd69f5aa2.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-3ea87351d44c39e5.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-f8f01b1da7e12822.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-a73f1b7607fb2459.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-741fdb3920c51a60.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-13ec6ce3fa6ea7b8.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-71a73d6869038a92.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-145f5e72e3c57a0b.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-023d48f33169cd7b.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-53f0cda187e7b5de.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-b7991c69cb275099.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-ae261c63ff4e2be4.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-d3e3ebe8af53dd9a.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-86dcbe35e912b0eb.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-a6ac65fb82c7db36.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-b88584a266530397.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-acfb268183eec717.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-d8f2e40fa1bfc0f9.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-12f6f011e4eb65c0.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-613da78768d3b0e6.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-85ef617982181e0f.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-90f6095cdf012cc3.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-aad954b70e3e608e.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-5461152ff04253a1.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-d84793ef948491cc.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-b08db80d1dcb879b.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-80e824eb750f91a5.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-011ff80a9069afca.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-9b6b835e0e343ac5.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-d11a54f2edd7922b.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-9dae64b8a80e312d.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-99cda69b3804f9bc.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-89f2ee8e9f02cb04.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-8eff9bd30c9bcc98.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-83b3afbcb6631a24.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-75d43ebf94a9cd60.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-dd75a4d2d7eb4956.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-3fa89e4f51277536.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-6b2b7af4ebd9c9e7.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-8297c536337076ad.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-78c35b6671353dd7.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-d1ae2c90e6d417e8.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-35593a4e54b4877d.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-bab479bfceefb61d.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-d38ab55269cccf3f.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-0fea06f31199db66.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-a1caf71059b68e3e.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-4e9a6ada52d5201e.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-11e28efdb1361494.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-9f2e9f3f1f8981f0.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-fd859d291deaeae7.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-7ad205b66be732bc.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-bd3462505e0e110b.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-ca2d552654644455.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-c1eb2b6e037d7a1a.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-280dfc063857fa07.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-508de1e2ce805978.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-e003f3899eb3cf51.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-960c9f2e0209fe9c.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-8424d6a097b2a389.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-bb304f17c434c92d.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-db3e7eadbe503cee.js"],"/foundations/colors/overview":[t,n,o,s,"static/chunks/pages/foundations/colors/overview-d41269d92c573194.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-4790e992ece83dba.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-33f9912a1fa98c1b.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-819e8d16a30ef8bf.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-3bd0b8da91b2f802.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-2d04a0a0d2715469.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-9baf5e59b98fc814.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-5dc77a461f6bcf6a.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-3b492582bf1b7081.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-7206442a2c6591c1.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-9ff1690c6ef8a5d8.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-7b091bc4ac29bc0b.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-69e1bf4ba746156b.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-a8db8bcec25af7c5.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-8f06fc95b2c055c7.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-392d3ecdb3da556a.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-c094922217fa91bc.js","static/chunks/6061-5b34ee49160a32a2.js","static/chunks/2811-96647a9baf72d1b2.js","static/chunks/1954-d853f4e93d3f398a.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-15099ef7716a6ba4.js"],"/404":["static/chunks/pages/404-e53a0ff2c98c4a8e.js"],"/_error":["static/chunks/pages/_error-63a85f35faef16c8.js"],"/base64":[c,"static/chunks/pages/base64-a7630671efe21c8a.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-0ad487ccbbde3aab.js"],"/components/action/button/migration":[t,n,o,s,a,"static/chunks/pages/components/action/button/migration-b48c85bbb6afcdb9.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-4a45016e6d830a1e.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-f50dc31633b9de81.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-853fa77fa167a23b.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-6de7fa506ba2b8d1.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-f6145327bf10a023.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-576ea416fe6fa2e5.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-87176c182557734e.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-30326c4e6259913c.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-5ce79f0529f30107.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-3f86e3c1b1f7801b.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-0001bf796e6f7a59.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-b495a4ef9722f468.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-633df4b76946ce6f.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-54615b8e29eef3c4.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-77a74d3aeb1058e6.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-f1e38cb3a8ba409a.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-6430de7dfe1ad01b.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-d77bc60025a6a83e.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-e2c8f6d50574f177.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-bdd45304822cc63a.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-28550c58a324d5d9.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-728d7807f2e95a31.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-4d7cb83dd69f5aa2.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-3ea87351d44c39e5.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-f8f01b1da7e12822.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-a73f1b7607fb2459.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-741fdb3920c51a60.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-13ec6ce3fa6ea7b8.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-71a73d6869038a92.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-145f5e72e3c57a0b.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-023d48f33169cd7b.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-53f0cda187e7b5de.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-b7991c69cb275099.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-ae261c63ff4e2be4.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-d3e3ebe8af53dd9a.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-86dcbe35e912b0eb.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-a6ac65fb82c7db36.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-b88584a266530397.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-acfb268183eec717.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-d8f2e40fa1bfc0f9.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-12f6f011e4eb65c0.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-613da78768d3b0e6.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-85ef617982181e0f.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-90f6095cdf012cc3.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-aad954b70e3e608e.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-5461152ff04253a1.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-d84793ef948491cc.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-b08db80d1dcb879b.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-80e824eb750f91a5.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-011ff80a9069afca.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-9b6b835e0e343ac5.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-d11a54f2edd7922b.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-9dae64b8a80e312d.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-99cda69b3804f9bc.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-89f2ee8e9f02cb04.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-8eff9bd30c9bcc98.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-83b3afbcb6631a24.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-75d43ebf94a9cd60.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-dd75a4d2d7eb4956.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-3fa89e4f51277536.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-6b2b7af4ebd9c9e7.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-8297c536337076ad.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-78c35b6671353dd7.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-d1ae2c90e6d417e8.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-35593a4e54b4877d.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-bab479bfceefb61d.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-d38ab55269cccf3f.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-0fea06f31199db66.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-a1caf71059b68e3e.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-4e9a6ada52d5201e.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-11e28efdb1361494.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-9f2e9f3f1f8981f0.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-fd859d291deaeae7.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-7ad205b66be732bc.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-bd3462505e0e110b.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-ca2d552654644455.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-c1eb2b6e037d7a1a.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-280dfc063857fa07.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-508de1e2ce805978.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-e003f3899eb3cf51.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-960c9f2e0209fe9c.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-8424d6a097b2a389.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-bb304f17c434c92d.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-db3e7eadbe503cee.js"],"/foundations/colors/overview":[t,n,o,s,"static/chunks/pages/foundations/colors/overview-d41269d92c573194.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-4790e992ece83dba.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-33f9912a1fa98c1b.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-819e8d16a30ef8bf.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-3bd0b8da91b2f802.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-2d04a0a0d2715469.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-9baf5e59b98fc814.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-5dc77a461f6bcf6a.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-3b492582bf1b7081.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-7206442a2c6591c1.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-9ff1690c6ef8a5d8.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-7b091bc4ac29bc0b.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-69e1bf4ba746156b.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-a8db8bcec25af7c5.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-8f06fc95b2c055c7.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-392d3ecdb3da556a.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-abe8f981191a734c.js","static/chunks/6061-5b34ee49160a32a2.js","static/chunks/2811-3ce37ae0abba4a49.js","static/chunks/1954-d853f4e93d3f398a.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/test-input-required-messages/_next/static/0H5jyfeiF55OAO8z3qmhY/_ssgManifest.js b/review/test-input-required-messages/_next/static/0-Ae27K3i8W0yJwEjZUG7/_ssgManifest.js similarity index 100% rename from review/test-input-required-messages/_next/static/0H5jyfeiF55OAO8z3qmhY/_ssgManifest.js rename to review/test-input-required-messages/_next/static/0-Ae27K3i8W0yJwEjZUG7/_ssgManifest.js diff --git a/review/test-input-required-messages/_next/static/chunks/2182-abe8f981191a734c.js b/review/test-input-required-messages/_next/static/chunks/2182-abe8f981191a734c.js new file mode 100644 index 00000000000..f27d2c38f84 --- /dev/null +++ b/review/test-input-required-messages/_next/static/chunks/2182-abe8f981191a734c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2182],{70453:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY),[o,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{d(e.id||"accordion-item-"+(0,l.Vj)()),e.defaultOpen&&c(e.defaultOpen)},[]),(0,n.jsxs)("details",{ref:t,...(0,l.mS)(e,[]),id:s,className:(0,l.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:o,name:e.name,children:[(0,n.jsxs)("summary",{onClick:a=>(function(a){null==a||a.preventDefault();let t=!o;e.onToggle&&e.onToggle(t),c(t)})(a),children:[e.headlinePlain?(0,n.jsx)(n.Fragment,{children:e.headlinePlain}):null,e.headlinePlain?null:(0,n.jsx)(n.Fragment,{children:e.headline})]}),(0,n.jsxs)("div",{children:[e.content?(0,n.jsx)(n.Fragment,{children:e.content}):null,e.content?null:(0,n.jsx)(n.Fragment,{children:e.children})]})]})});a.Z=s},38663:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(70453);let s=(0,i.forwardRef)(function(e,a){var t;let s=a||(0,i.useRef)(a),[d,o]=(0,i.useState)(()=>[]),[c,u]=(0,i.useState)(()=>""),[v,h]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{h(!0)},[]),(0,i.useEffect)(()=>{if(s.current&&v){let a=s.current.getElementsByTagName("details");if(a){let t=[];Array.from(a).forEach((a,n)=>{var i;let l=a.id;(a.open||(null===(i=e.initOpenIndex)||void 0===i?void 0:i.includes(n)))&&t.push(l);let r=a.getElementsByTagName("summary");(null==r?void 0:r.length)>0&&r[0].addEventListener("click",()=>{u(l)})}),"single"===e.behaviour&&t.length>1&&(t=[t[0]]),o(t),h(!1)}}},[s.current,v]),(0,i.useEffect)(()=>{(null==c?void 0:c.length)>0&&(d.includes(c)?"single"===e.behaviour?o([]):o(d.filter(e=>e!==c)):"single"===e.behaviour?o([c]):o([...d,c]),e.onChange&&e.onChange(d),u(""))},[c]),(0,i.useEffect)(()=>{if(null==s?void 0:s.current){let e=s.current.getElementsByTagName("details");e&&Array.from(e).forEach(e=>{e.open=d.includes(e.id)})}},[d]),(0,n.jsxs)("div",{ref:s,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-accordion",e.className),"data-variant":e.variant,children:[e.items?null:(0,n.jsx)(n.Fragment,{children:e.children}),e.items?(0,n.jsx)(n.Fragment,{children:null===(t=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.items))||void 0===t?void 0:t.map((e,a)=>(0,n.jsx)(r.Z,{headlinePlain:e.headlinePlain,disabled:e.disabled,content:e.content},"accordion-item-".concat(a)))}):null]})});a.Z=s},82919:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){var t,s;let d=a||(0,i.useRef)(a),[o,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{c(!0)},[]),(0,i.useEffect)(()=>{if(d.current&&o){var a;if(null===(a=e.placement)||void 0===a?void 0:a.startsWith("corner")){let e=d.current.parentElement;e&&e.localName.includes("badge")&&(e=e.parentElement),e&&e.setAttribute("data-has-badge","true")}}},[d.current,o]),(0,n.jsx)("span",{ref:d,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-badge",e.className),"data-semantic":e.semantic,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,"data-label":(null===(t=e.placement)||void 0===t?void 0:t.startsWith("corner"))&&(null!==(s=e.label)&&void 0!==s?s:r.SU),children:e.children})});a.Z=s},98310:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){var t;let r=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>({icon:"db"}));return(0,n.jsx)("div",{ref:r,...(0,l.mS)(e,[]),"data-icon":e.hideLogo?"none":null!==(t=e.icon)&&void 0!==t?t:s.icon,id:e.id,className:(0,l.yI)("db-brand",e.className),children:e.children})});a.Z=r},10326:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("button",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-button",e.className),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,"data-no-text":e.noText,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:a=>{e.onClick&&e.onClick(a)},children:e.children})});a.Z=r},70741:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,"data-behaviour":e.behaviour,"data-elevation-level":e.elevationLevel,"data-spacing":e.spacing,role:"interactive"===e.behaviour?"button":void 0,tabIndex:"interactive"===e.behaviour?0:void 0,onClick:a=>{e.onClick&&e.onClick(a)},className:(0,l.yI)("db-card",e.className),children:e.children})});a.Z=r},1689:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,o,c;let u=a||(0,i.useRef)(a),[v,h]=(0,i.useState)(()=>!1),[m,f]=(0,i.useState)(()=>"checkbox-"+(0,l.Vj)()),[g,b]=(0,i.useState)(()=>m+r.Kn),[p,N]=(0,i.useState)(()=>m+r.vs),[E,S]=(0,i.useState)(()=>m+r.Ik),[x,R]=(0,i.useState)(()=>""),[_,L]=(0,i.useState)(()=>"");return(0,i.useEffect)(()=>{h(!0),f(e.id||m)},[]),(0,i.useEffect)(()=>{if(m){let a=m+r.Kn,t=m+r.vs,n=m+r.Ik;b(a),N(t),S(n),e.message&&R(a)}},[m]),(0,i.useEffect)(()=>{if(v&&document&&m){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(m);t&&(void 0!=e.checked&&(t.checked=e.checked),void 0!==e.indeterminate&&(t.indeterminate=e.indeterminate),h(!1))}},[v,e.indeterminate,e.checked]),(0,n.jsxs)("div",{"data-size":e.size,"data-variant":e.variant,className:(0,l.yI)("db-checkbox",e.className),children:[(0,n.jsxs)("label",{htmlFor:m,children:[(0,n.jsx)("input",{type:"checkbox","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:u,...(0,l.mS)(e,[]),id:m,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,required:e.required,onChange:a=>{var t,n,i,s,d,o;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=u.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=u.current)||void 0===n?void 0:n.validity.valid)&&e.required?(R(p),(0,l.YR)()&&L(null!==(o=e.validMessage)&&void 0!==o?o:r.cj)):e.message?R(g):R(""):(R(E),(0,l.YR)()&&L(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(i=u.current)||void 0===i?void 0:i.validationMessage)&&void 0!==d?d:r.CV))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a),L("")},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":x}),e.label?(0,n.jsx)("span",{children:e.label}):null,e.children]}),e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:g,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:p,children:null!==(d=e.validMessage)&&void 0!==d?d:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:E,children:null!==(c=null!==(o=e.invalidMessage)&&void 0!==o?o:null===(t=u.current)||void 0===t?void 0:t.validationMessage)&&void 0!==c?c:r.CV}),(0,n.jsx)("span",{"data-visually-hidden":"true",role:"status",children:_})]})});a.Z=d},45886:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,l.yI)("db-divider",e.className)})});a.Z=r},37402:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(55482),s=t(43251);let d=(0,i.forwardRef)(function(e,a){var t;let d=a||(0,i.useRef)(a),o=(0,i.useRef)(null);function c(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"click"===a.type&&"none"!==e.backdrop)&&e.onClose&&e.onClose(a)}function u(){(null==d?void 0:d.current)&&(e.open&&!d.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?d.current.show():d.current.showModal()),!e.open&&d.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=d.current)||void 0===e||e.close()},401)))}return(0,i.useEffect)(()=>{u()},[]),(0,i.useEffect)(()=>{u()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:d,...(0,s.mS)(e,["onClose"]),onClick:e=>{c(e)},onKeyDown:e=>c(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:o,className:(0,s.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:(0,n.jsx)(n.Fragment,{children:e.drawerHeader})}),(0,n.jsx)(l.Z,{icon:"cross",variant:"ghost",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>c("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce})]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})});a.Z=d},82664:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(10326),s=t(37402),d=t(55482),o=t(52082);let c=(0,i.forwardRef)(function(e,a){var t;let c=a||(0,i.useRef)(a),[u,v]=(0,i.useState)(()=>d.IY),[h,m]=(0,i.useState)(()=>!1),[f,g]=(0,i.useState)(()=>!1),[b,p]=(0,i.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function N(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,i.useEffect)(()=>{m(!0),v(e.id||"header-"+(0,l.Vj)())},[]),(0,i.useEffect)(()=>{if(h&&document&&u&&e.forceMobile){let e=document.getElementById(u);e&&(0,l.yn)(e,{key:"data-force-mobile",value:"true"}),g(!0)}},[h]),(0,n.jsxs)("header",{ref:c,...(0,l.mS)(e,[]),className:(0,l.yI)("db-header",e.className),id:u,"data-width":e.width,"data-on-forcing-mobile":e.forceMobile&&!f,children:[(0,n.jsxs)(s.Z,{spacing:"small",className:"db-header-drawer",rounded:!0,open:e.drawerOpen,onClose:()=>N(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",onClick:e=>{(0,o.sb)(e)&&N()},children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:(0,n.jsx)(n.Fragment,{children:e.metaNavigation})})]}),(0,n.jsx)("div",{className:"db-header-secondary-action",children:(0,n.jsx)(n.Fragment,{children:e.secondaryAction})})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:(0,n.jsx)(n.Fragment,{children:e.metaNavigation})}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:(0,n.jsx)(n.Fragment,{children:e.brand})}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-primary-action",children:(0,n.jsx)(n.Fragment,{children:e.primaryAction})})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(r.Z,{icon:"menu",variant:"ghost",id:u+"-burger-menu",noText:!0,onClick:()=>N(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:b.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-secondary-action",children:(0,n.jsx)(n.Fragment,{children:e.secondaryAction})})]})]})]})});a.Z=c},47437:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("span",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-infotext",e.className),"data-icon":e.icon,"data-semantic":e.semantic,"data-size":e.size,children:e.children})});a.Z=r},49475:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,o,c,u,v,h,m;let f=a||(0,i.useRef)(a),[g,b]=(0,i.useState)(()=>"input-"+(0,l.Vj)()),[p,N]=(0,i.useState)(()=>g+r.Kn),[E,S]=(0,i.useState)(()=>g+r.vs),[x,R]=(0,i.useState)(()=>g+r.Ik),[_,L]=(0,i.useState)(()=>g+r.Qy),[j,y]=(0,i.useState)(()=>""),[I,A]=(0,i.useState)(()=>""),[C,T]=(0,i.useState)(()=>""),[B,w]=(0,i.useState)(()=>({label:r.SU,placeholder:" "}));return(0,i.useEffect)(()=>{var a;b(null!==(a=e.id)&&void 0!==a?a:g)},[]),(0,i.useEffect)(()=>{if(g){var a;let t=g+r.Kn,n=g+r.vs,i=g+r.Ik;N(t),S(n),R(i),L(null!==(a=e.dataListId)&&void 0!==a?a:g+r.Qy),e.message&&y(t)}},[g]),(0,i.useEffect)(()=>{A(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,l.yI)("db-input",e.className),"data-variant":e.variant,"data-icon":e.icon,"data-icon-after":e.iconAfter,children:[(0,n.jsx)("label",{htmlFor:g,children:null!==(o=e.label)&&void 0!==o?o:B.label}),(0,n.jsx)("input",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:f,...(0,l.mS)(e,[]),id:g,name:e.name,type:e.type||"text",placeholder:null!==(c=e.placeholder)&&void 0!==c?c:B.placeholder,disabled:e.disabled,required:e.required,step:e.step,value:e.value,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,pattern:e.pattern,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,n,i,s,d,o;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=f.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=f.current)||void 0===n?void 0:n.validity.valid)&&(e.required||e.minLength||e.maxLength||e.pattern)?(y(E),(0,l.YR)()&&T(null!==(o=e.validMessage)&&void 0!==o?o:r.cj)):e.message?y(p):y(""):(y(x),(0,l.YR)()&&T(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(i=f.current)||void 0===i?void 0:i.validationMessage)&&void 0!==d?d:r.CV))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a),T("")},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},list:e.dataList&&_,"aria-describedby":j}),e.dataList?(0,n.jsx)("datalist",{id:_,children:null===(m=e.dataList,t=Array.from(((0,l.gG)(m)?m.map(e=>({value:e,label:void 0})):m)||[]))||void 0===t?void 0:t.map(e=>(0,n.jsx)("option",{value:e.value,children:e.label},_+"-option-"+e.value))}):null,e.children,e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:p,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:E,children:null!==(u=e.validMessage)&&void 0!==u?u:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:x,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=f.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.CV}),(0,n.jsx)("span",{"data-visually-hidden":"true",role:"status",children:C})]})});a.Z=d},50350:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,n.jsxs)("a",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-link",e.className),href:e.href,target:e.target,rel:e.rel,role:e.role,hrefLang:e.hreflang,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:a=>{e.onClick&&e.onClick(a)},children:[e.text?(0,n.jsx)("span",{children:e.text}):null,e.children]})});a.Z=s},39120:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(43251),s=t(52082),d=t(55482);let o=(0,i.forwardRef)(function(e,a){var t;let o=a||(0,i.useRef)(a),[c,u]=(0,i.useState)(()=>!1),[v,h]=(0,i.useState)(()=>!1),[m,f]=(0,i.useState)(()=>!0),[g,b]=(0,i.useState)(()=>!1),[p,N]=(0,i.useState)(()=>"sub-navigation-"+(0,r.Vj)()),[E,S]=(0,i.useState)(()=>void 0);return(0,i.useEffect)(()=>{u(!0)},[]),(0,i.useEffect)(()=>{void 0!==e.subNavigationExpanded&&b(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,i.useEffect)(()=>{!function(){if(c&&document&&p){var e,a;let t=null===(e=document)||void 0===e?void 0:e.getElementById(p);t&&((null===(a=t.children)||void 0===a?void 0:a.length)>0?(h(!0),E||S(new s.sE(o.current,t))):f(!1))}}()},[c]),(0,n.jsxs)("li",{ref:o,...(0,r.mS)(e,[]),id:e.id,onMouseOver:e=>null==E?void 0:E.enableFollow(),onMouseLeave:e=>null==E?void 0:E.disableFollow(),onMouseMove:e=>null==E?void 0:E.followByMouseEvent(e),className:(0,r.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[m?null:(0,n.jsx)(n.Fragment,{children:e.children}),m?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":v,"aria-expanded":g,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),v&&b(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:p,children:[v?(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(l.Z,{icon:"arrow_left",variant:"ghost",id:e.backButtonId,onClick:e=>{e.stopPropagation(),b(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:d.YP})}):null,(0,n.jsx)(n.Fragment,{children:e.subNavigation})]})]}):null]})});a.Z=o},33759:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"navigation-"+(0,l.Vj)())},[]),(0,n.jsx)("nav",{ref:t,...(0,l.mS)(e,[]),id:s,"aria-labelledby":e.labelledBy,className:(0,l.yI)("db-navigation",e.className),children:(0,n.jsx)("menu",{children:e.children})})});a.Z=s},99242:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(55482),s=t(43251);let d=(0,i.forwardRef)(function(e,a){var t;let d=a||(0,i.useRef)(a);return(0,n.jsxs)("article",{ref:d,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-notification",e.className),"aria-live":e.ariaLive,"data-semantic":e.semantic,"data-variant":e.variant,"data-icon":e.icon,"data-link-variant":e.linkVariant,children:[(0,n.jsx)(n.Fragment,{children:e.image}),e.headline?(0,n.jsx)("header",{children:e.headline}):null,(0,n.jsx)("p",{children:e.children}),e.timestamp?(0,n.jsx)("span",{children:e.timestamp}):null,(0,n.jsx)(n.Fragment,{children:e.link}),"permanent"!==e.behaviour?(0,n.jsx)(l.Z,{icon:"cross",variant:"ghost",size:"small",id:e.closeButtonId,noText:!0,onClick:a=>{e.onClose&&e.onClose()},children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce}):null]})});a.Z=d},60029:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1);function d(){if(!t.current)return;let e=t.current.querySelector("article");e&&(0,l.Lp)(e)}return(0,i.useEffect)(()=>{s(!0)},[]),(0,i.useEffect)(()=>{if(t.current&&r){let e=Array.from(t.current.children);e.length>=2&&(e[0].ariaHasPopup="true"),s(!1)}},[t.current,r]),(0,n.jsxs)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-popover",e.className),onFocus:e=>d(),onMouseEnter:e=>d(),children:[(0,n.jsx)(n.Fragment,{children:e.trigger}),(0,n.jsx)("article",{className:"db-popover-content","data-spacing":e.spacing,"data-gap":e.gap,"data-animation":e.animation,"data-open":e.open,"data-delay":e.delay,"data-width":e.width,"data-placement":e.placement,children:e.children})]})});a.Z=r},78016:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1),[d,o]=(0,i.useState)(()=>"radio-"+(0,l.Vj)());return(0,i.useEffect)(()=>{var a;s(!0),o(null!==(a=e.id)&&void 0!==a?a:d)},[]),(0,i.useEffect)(()=>{if(e.checked&&r&&document&&d){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(d);t&&void 0!=e.checked&&(t.checked=!0)}},[r,e.checked]),(0,n.jsxs)("label",{"data-size":e.size,"data-variant":e.variant,className:(0,l.yI)("db-radio",e.className),htmlFor:d,children:[(0,n.jsx)("input",{type:"radio","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:t,...(0,l.mS)(e,[]),id:d,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,value:e.value,required:e.required,onChange:a=>{e.onChange&&e.onChange(a),e.change&&e.change(a)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.label?(0,n.jsx)("span",{children:e.label}):null,e.children]})});a.Z=r},55327:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"section-"+(0,l.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,l.mS)(e,[]),id:s,"data-spacing":e.spacing||"medium",className:(0,l.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-width":e.width,children:e.children})})});a.Z=s},79081:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,o,c,u,v,h;let m=a||(0,i.useRef)(a),[f,g]=(0,i.useState)(()=>"select-"+(0,l.Vj)()),[b,p]=(0,i.useState)(()=>f+r.Kn),[N,E]=(0,i.useState)(()=>f+r.vs),[S,x]=(0,i.useState)(()=>f+r.Ik),[R,_]=(0,i.useState)(()=>f+r.D_),[L,j]=(0,i.useState)(()=>""),[y,I]=(0,i.useState)(()=>""),[A,C]=(0,i.useState)(()=>!1),[T,B]=(0,i.useState)(()=>"");function w(e){var a;return null!==(a=e.label)&&void 0!==a?a:e.value.toString()}return(0,i.useEffect)(()=>{g(e.id||f),C(!0)},[]),(0,i.useEffect)(()=>{if(f&&A){let a=f+r.Kn,t=f+r.vs,n=f+r.Ik,i=f+r.D_;p(a),E(t),x(n),_(i),e.message?j(a):j(i),C(!1)}},[f,A]),(0,i.useEffect)(()=>{I(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,l.yI)("db-select",e.className),"data-variant":e.variant,"data-icon":e.icon,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(o=e.label)&&void 0!==o?o:r.SU}),(0,n.jsxs)("select",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,l.mS)(e,[]),required:e.required,disabled:e.disabled,id:f,name:e.name,value:e.value,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onClick:a=>{e.onClick&&e.onClick(a)},onChange:a=>{var t,n,i,s,d,o;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&e.required?(j(N),(0,l.YR)()&&B(null!==(o=e.validMessage)&&void 0!==o?o:r.cj)):e.message?j(b):j(R):(j(S),(0,l.YR)()&&B(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(i=m.current)||void 0===i?void 0:i.validationMessage)&&void 0!==d?d:r.CV))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a),B("")},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":L,children:[(0,n.jsx)("option",{hidden:!0}),e.options?(0,n.jsx)(i.Fragment,{children:null===(t=e.options)||void 0===t?void 0:t.map(e=>{var a;return(0,n.jsxs)(i.Fragment,{children:[e.options?(0,n.jsx)("optgroup",{label:w(e),children:null===(a=e.options)||void 0===a?void 0:a.map(e=>(0,n.jsx)("option",{value:e.value,disabled:e.disabled,children:w(e)},e.value.toString()))}):null,e.options?null:(0,n.jsx)("option",{value:e.value,disabled:e.disabled,children:w(e)})]},(0,l.Vj)())})},(0,l.Vj)()):null,e.children]}),(0,n.jsx)("span",{id:R,children:null!==(c=e.placeholder)&&void 0!==c?c:e.label}),e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:b,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=m.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.CV}),(0,n.jsx)("span",{"data-visually-hidden":"true",role:"status",children:T})]})});a.Z=d},55025:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>"switch-"+(0,l.Vj)()),[d,o]=(0,i.useState)(()=>!1),[c,u]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{s(e.id||r)},[]),(0,n.jsxs)("label",{"data-visual-aid":e.visualAid,"data-size":e.size,"data-variant":e.variant,"data-emphasis":e.emphasis,htmlFor:r,className:(0,l.yI)("db-switch",e.className),children:[(0,n.jsx)("input",{type:"checkbox",role:"switch",id:r,"aria-checked":d,ref:t,...(0,l.mS)(e,[]),checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,name:e.name,required:e.required,"data-aid-icon":e.icon,"data-aid-icon-after":e.iconAfter,onChange:a=>{var t;e.onChange&&e.onChange(a),e.change&&e.change(a),o(null===(t=a.target)||void 0===t?void 0:t.checked)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.children]})});a.Z=r},57284:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1),[d,o]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{s(!0)},[]),(0,i.useEffect)(()=>{e.active&&r&&t.current&&(t.current.click(),s(!1))},[t.current,r]),(0,n.jsx)("li",{role:"none",className:(0,l.yI)("db-tab-item",e.className),children:(0,n.jsxs)("label",{htmlFor:e.id,"data-icon":e.icon,"data-icon-after":e.iconAfter,"data-no-text":e.noText,children:[(0,n.jsx)("input",{type:"radio",role:"tab",disabled:e.disabled,"aria-selected":d,"aria-controls":e.controls,checked:e.checked,ref:t,...(0,l.mS)(e,[]),id:e.id,onChange:a=>{var t;e.onChange&&e.onChange(a),e.change&&e.change(a),o(null===(t=a.target)||void 0===t?void 0:t.checked)}}),e.label?(0,n.jsx)(n.Fragment,{children:e.label}):null,e.children]})})});a.Z=r},57884:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"tab-list-"+(0,l.Vj)())},[]),(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:s,className:(0,l.yI)("db-tab-list",e.className),children:(0,n.jsx)("ul",{role:"tablist",children:e.children})})});a.Z=s},49953:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,i.useEffect)(()=>{},[]),(0,n.jsxs)("section",{role:"tabpanel",ref:t,...(0,l.mS)(e,[]),className:(0,l.yI)("db-tab-panel",e.className),id:e.id,"aria-labelledby":e.labelledBy,children:[e.content?(0,n.jsx)(n.Fragment,{children:e.content}):null,e.children]})});a.Z=r},57092:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(10326),s=t(57884),d=t(57284),o=t(49953);let c=(0,i.forwardRef)(function(e,a){var t,c,u,v;let h=a||(0,i.useRef)(a),[m,f]=(0,i.useState)(()=>"tabs-"+(0,l.Vj)()),[g,b]=(0,i.useState)(()=>""),[p,N]=(0,i.useState)(()=>!1),[E,S]=(0,i.useState)(()=>!1),[x,R]=(0,i.useState)(()=>!1),[_,L]=(0,i.useState)(()=>null);function j(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}function y(e){let a=e.scrollWidth>e.clientWidth;S(a&&e.scrollLeft>1),R(a&&e.scrollLeft{y(t)}))}}}function C(a){if(h.current){let t=Array.from(h.current.getElementsByClassName("db-tab-item"));for(let n of t){let i=t.indexOf(n),l=n.querySelector("label"),r=n.querySelector("input");if(r&&l){if(!r.id){let e="".concat(g,"-tab-").concat(i);l.setAttribute("for",e),r.setAttribute("aria-controls","".concat(g,"-tab-panel-").concat(i)),r.id=e,r.setAttribute("name",g)}if(a){let a=!e.initialSelectedMode||"auto"===e.initialSelectedMode,t=null==e.initialSelectedIndex&&0===i||e.initialSelectedIndex===i;a&&t&&r.click()}}}let n=Array.from(h.current.querySelectorAll("& > .db-tab-panel"));for(let e of n){if(e.id)continue;let a=n.indexOf(e);e.id="".concat(g,"-tab-panel-").concat(a),e.setAttribute("aria-labelledby","".concat(g,"-tab-").concat(a))}}}return(0,i.useEffect)(()=>{f(e.id||m),b(e.name||(0,l.Vj)()),N(!0)},[]),(0,i.useEffect)(()=>{if(h.current&&p){A(),C(!0);let e=h.current.querySelector(".db-tab-list");e&&new MutationObserver(e=>{e.forEach(e=>{(e.removedNodes.length||e.addedNodes.length)&&(A(),C())})}).observe(e,{childList:!0,subtree:!0}),N(!1)}},[h.current,p]),(0,n.jsxs)("div",{ref:h,...(0,l.mS)(e,[]),id:m,className:(0,l.yI)("db-tabs",e.className),"data-orientation":e.orientation,"data-scroll-behaviour":e.behaviour,"data-alignment":null!==(u=e.alignment)&&void 0!==u?u:"start","data-width":null!==(v=e.width)&&void 0!==v?v:"auto",children:[E?(0,n.jsx)(r.Z,{variant:"ghost",icon:"chevron_left",className:"tabs-scroll-left",noText:!0,onClick:e=>I(!0),children:"Scroll left"}):null,e.tabs?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{children:null===(t=j(e.tabs))||void 0===t?void 0:t.map((a,t)=>(0,n.jsx)(d.Z,{active:a.active,label:a.label,iconAfter:a.iconAfter,icon:a.icon,noText:a.noText},e.name+"tab-item"+t))}),null===(c=j(e.tabs))||void 0===c?void 0:c.map((a,t)=>(0,n.jsx)(o.Z,{content:a.content,children:a.children},e.name+"tab-panel"+t))]}):null,x?(0,n.jsx)(r.Z,{variant:"ghost",icon:"chevron_right",className:"tabs-scroll-right",noText:!0,onClick:e=>I(),children:"Scroll right"}):null,e.children]})});a.Z=c},73253:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1);function d(){return e.removeButton?e.removeButton:"Remove tag"}let o=(0,i.useRef)(!1);return o.current||(s(!0),o.current=!0),(0,i.useEffect)(()=>{if(r&&t.current&&void 0!==e.disabled){var a,n;for(let i of[null===(a=t.current)||void 0===a?void 0:a.querySelector("button:not(.db-tab-remove-button)"),null===(n=t.current)||void 0===n?void 0:n.querySelector("input")])i&&(i.disabled=e.disabled)}},[r,e.disabled,t.current]),(0,n.jsxs)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-tag",e.className),"data-disabled":e.disabled,"data-semantic":e.semantic,"data-emphasis":e.emphasis,"data-icon":e.icon,"data-no-text":e.noText,"data-overflow":e.overflow,children:[e.children,e.text?(0,n.jsx)(n.Fragment,{children:e.text}):null,"removable"===e.behaviour?(0,n.jsx)("button",{"data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",className:"db-button db-tab-remove-button",onClick:a=>void(e.onRemove&&e.onRemove()),title:d(),children:d()}):null]})});a.Z=r},22723:function(e,a,t){var n=t(52322),i=t(2784),l=t(47437),r=t(43251),s=t(55482);let d=(0,i.forwardRef)(function(e,a){var t,d,o,c,u,v,h;let m=a||(0,i.useRef)(a),[f,g]=(0,i.useState)(()=>"textarea-"+(0,r.Vj)()),[b,p]=(0,i.useState)(()=>f+s.Kn),[N,E]=(0,i.useState)(()=>f+s.vs),[S,x]=(0,i.useState)(()=>f+s.Ik),[R,_]=(0,i.useState)(()=>""),[L,j]=(0,i.useState)(()=>""),[y,I]=(0,i.useState)(()=>({label:s.SU,placeholder:" ",rows:"4"})),[A,C]=(0,i.useState)(()=>"");return(0,i.useEffect)(()=>{g(e.id||f)},[]),(0,i.useEffect)(()=>{if(f){let a=f+s.Kn,t=f+s.vs,n=f+s.Ik;p(a),E(t),x(n),e.message&&_(a)}},[f]),(0,i.useEffect)(()=>{j(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,r.yI)("db-textarea",e.className),"data-variant":e.variant,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(d=e.label)&&void 0!==d?d:y.label}),(0,n.jsx)("textarea",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,r.mS)(e,[]),id:f,"data-resize":e.resize,disabled:e.disabled,required:e.required,readOnly:e.readOnly,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,n,i,l,d,o;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&(e.required||e.minLength||e.maxLength)?(_(N),(0,r.YR)()&&C(null!==(o=e.validMessage)&&void 0!==o?o:s.cj)):e.message?_(b):_(""):(_(S),(0,r.YR)()&&C(null!==(d=null!==(l=e.invalidMessage)&&void 0!==l?l:null===(i=m.current)||void 0===i?void 0:i.validationMessage)&&void 0!==d?d:s.CV))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a),C("")},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},value:e.value,"aria-describedby":R,placeholder:null!==(o=e.placeholder)&&void 0!==o?o:y.placeholder,rows:null!==(c=e.rows)&&void 0!==c?c:y.rows,cols:e.cols}),e.message?(0,n.jsx)(l.Z,{size:"small",icon:e.messageIcon,id:b,children:e.message}):null,(0,n.jsx)(l.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:s.cj}),(0,n.jsx)(l.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(t=m.current)||void 0===t?void 0:t.validationMessage)&&void 0!==h?h:s.CV}),(0,n.jsx)("span",{"data-visually-hidden":"true",role:"status",children:A})]})});a.Z=d},79031:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY),[o,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{d(e.id||"tooltip-"+(0,l.Vj)()),c(!0)},[]),(0,i.useEffect)(()=>{if(t.current&&o){let e=t.current.parentElement;e&&e.localName.includes("tooltip")&&(e=e.parentElement),e&&(["mouseenter","focus"].forEach(a=>{e.addEventListener(a,()=>void((null==t?void 0:t.current)&&(0,l.Lp)(t.current)))}),e.setAttribute("data-has-tooltip","true"),e.setAttribute("aria-describedby",s)),c(!1)}},[t.current,o]),(0,n.jsx)("i",{role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t,...(0,l.mS)(e,[]),id:s,"data-emphasis":e.emphasis,"data-animation":e.animation,"data-delay":e.delay,"data-width":e.width,"data-variant":e.variant,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),className:(0,l.yI)("db-tooltip",e.className),children:e.children})});a.Z=s},55482:function(e,a,t){var n,i,l,r,s,d,o;t.d(a,{CV:function(){return p},D_:function(){return f},IY:function(){return c},Ik:function(){return m},Kn:function(){return v},Qy:function(){return g},SU:function(){return u},YP:function(){return N},ce:function(){return E},cj:function(){return b},vs:function(){return h}});let c="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",v="-message",h="-valid-message",m="-invalid-message",f="-placeholder",g="-datalist",b="TODO: Add a validMessage",p="TODO: Add an invalidMessage",N="Back",E="Close Button";(s=n||(n={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,a]=e;return a}),(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-lvl-1",d.BRAND_BG_LEVEL_2="brand-bg-lvl-2",d.BRAND_BG_LEVEL_3="brand-bg-lvl-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",d.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",d.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-lvl-1",d.WARNING_BG_LEVEL_2="warning-bg-lvl-2",d.WARNING_BG_LEVEL_3="warning-bg-lvl-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full",Object.entries(l).map(e=>{let[,a]=e;return a}),Object.entries(i).map(e=>{let[,a]=e;return a}),(o=r||(r={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(r).map(e=>{let[,a]=e;return a})},52082:function(e,a,t){t.d(a,{sE:function(){return l},sb:function(){return i}});var n=t(43251);let i=e=>{var a,t;let{target:n}=e;return!!(!(null==n?void 0:null===(a=n.classList)||void 0===a?void 0:a.contains("db-navigation-item-expand-button"))&&(null==n?void 0:null===(t=n.parentElement)||void 0===t?void 0:t.classList.contains("db-navigation-item")))};class l{init(){var e,a;let t=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.element.style.setProperty("--db-navigation-item-inline-size","".concat(t,"px")),this.initialized=!0}enableFollow(){var e,a;if(!this.initialized||this.triangleData)return;let t=(0,n.Lp)(this.subNavigation),i=this.element.getBoundingClientRect(),l=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.triangleData={itemRect:i,parentElementWidth:l,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(l-i.width)/2,outsideVX:t.vx,outsideVY:t.vy}}disableFollow(){this.triangleData=void 0}getTriangleTipX(){return this.triangleData?"right"===this.triangleData.outsideVX?this.triangleData.itemRect.width-this.mouseX:Math.min(this.mouseX,.75*this.triangleData.itemRect.width):0}getTriangleTipY(){if(!this.triangleData)return 0;let e=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;return"bottom"===this.triangleData.outsideVY?e+(this.triangleData.subNavigationHeight-2*this.triangleData.padding-this.triangleData.itemRect.height):e}hasMouseEnteredSubNavigation(){if(!this.triangleData)return!1;let e="right"===this.triangleData.outsideVX;return!!e&&this.mouseX<-1*this.triangleData.padding||!e&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding}getTriangleCoordinates(e){if(!this.triangleData)return;if("fill-gap"===e){let e="".concat(this.triangleData.itemRect.height+2*this.triangleData.padding,"px"),a="".concat(this.triangleData.parentElementWidth-this.triangleData.padding,"px");return{lb:"".concat(a," ").concat(e),lt:"".concat(a," 0"),rt:"100% 0",rb:"100% ".concat(e)}}let a=this.getTriangleTipX(),t=this.getTriangleTipY();return{lb:"".concat(a,"px ").concat(t+this.triangleData.padding,"px"),lt:"".concat(a,"px ").concat(t-this.triangleData.padding,"px"),rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(e){if(!this.initialized||!this.triangleData)return;this.mouseX=e.clientX-this.triangleData.itemRect.left,this.mouseY=e.clientY-this.triangleData.itemRect.top;let a=this.hasMouseEnteredSubNavigation(),t=this.getTriangleCoordinates(a?"fill-gap":"safe-triangle");t&&(this.element.style.setProperty("--db-navigation-item-clip-path","polygon(".concat(t.lb,", ").concat(t.lt,", ").concat(t.rt,", ").concat(t.rb,")")),a&&(this.triangleData=void 0))}constructor(e,a){this.initialized=!1,this.mouseX=0,this.mouseY=0,this.element=e,this.subNavigation=a,this.parentSubNavigation=this.element.closest(".db-sub-navigation"),this.parentSubNavigation&&!this.element.closest(".db-drawer")&&this.init()}}},39846:function(e,a,t){var n,i,l,r,s,d,o;t.d(a,{DM:function(){return h},a_:function(){return u},eM:function(){return c},m3:function(){return m},nN:function(){return v},pw:function(){return n},r$:function(){return l}});let c="density",u="color";(s=n||(n={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let v=Object.entries(n).map(e=>{let[,a]=e;return a});(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-lvl-1",d.BRAND_BG_LEVEL_2="brand-bg-lvl-2",d.BRAND_BG_LEVEL_3="brand-bg-lvl-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",d.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",d.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-lvl-1",d.WARNING_BG_LEVEL_2="warning-bg-lvl-2",d.WARNING_BG_LEVEL_3="warning-bg-lvl-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full";let h=Object.entries(l).map(e=>{let[,a]=e;return a});Object.entries(i).map(e=>{let[,a]=e;return a}),(o=r||(r={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful";let m=Object.entries(r).map(e=>{let[,a]=e;return a})}}]); \ No newline at end of file diff --git a/review/test-input-required-messages/_next/static/chunks/2182-c094922217fa91bc.js b/review/test-input-required-messages/_next/static/chunks/2182-c094922217fa91bc.js deleted file mode 100644 index d0697f38198..00000000000 --- a/review/test-input-required-messages/_next/static/chunks/2182-c094922217fa91bc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2182],{70453:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY),[o,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{d(e.id||"accordion-item-"+(0,l.Vj)()),e.defaultOpen&&c(e.defaultOpen)},[]),(0,n.jsxs)("details",{ref:t,...(0,l.mS)(e,[]),id:s,className:(0,l.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:o,name:e.name,children:[(0,n.jsxs)("summary",{onClick:a=>(function(a){null==a||a.preventDefault();let t=!o;e.onToggle&&e.onToggle(t),c(t)})(a),children:[e.headlinePlain?(0,n.jsx)(n.Fragment,{children:e.headlinePlain}):null,e.headlinePlain?null:(0,n.jsx)(n.Fragment,{children:e.headline})]}),(0,n.jsxs)("div",{children:[e.content?(0,n.jsx)(n.Fragment,{children:e.content}):null,e.content?null:(0,n.jsx)(n.Fragment,{children:e.children})]})]})});a.Z=s},38663:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(70453);let s=(0,i.forwardRef)(function(e,a){var t;let s=a||(0,i.useRef)(a),[d,o]=(0,i.useState)(()=>[]),[c,u]=(0,i.useState)(()=>""),[v,h]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{h(!0)},[]),(0,i.useEffect)(()=>{if(s.current&&v){let a=s.current.getElementsByTagName("details");if(a){let t=[];Array.from(a).forEach((a,n)=>{var i;let l=a.id;(a.open||(null===(i=e.initOpenIndex)||void 0===i?void 0:i.includes(n)))&&t.push(l);let r=a.getElementsByTagName("summary");(null==r?void 0:r.length)>0&&r[0].addEventListener("click",()=>{u(l)})}),"single"===e.behaviour&&t.length>1&&(t=[t[0]]),o(t),h(!1)}}},[s.current,v]),(0,i.useEffect)(()=>{(null==c?void 0:c.length)>0&&(d.includes(c)?"single"===e.behaviour?o([]):o(d.filter(e=>e!==c)):"single"===e.behaviour?o([c]):o([...d,c]),e.onChange&&e.onChange(d),u(""))},[c]),(0,i.useEffect)(()=>{if(null==s?void 0:s.current){let e=s.current.getElementsByTagName("details");e&&Array.from(e).forEach(e=>{e.open=d.includes(e.id)})}},[d]),(0,n.jsxs)("div",{ref:s,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-accordion",e.className),"data-variant":e.variant,children:[e.items?null:(0,n.jsx)(n.Fragment,{children:e.children}),e.items?(0,n.jsx)(n.Fragment,{children:null===(t=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.items))||void 0===t?void 0:t.map((e,a)=>(0,n.jsx)(r.Z,{headlinePlain:e.headlinePlain,disabled:e.disabled,content:e.content},"accordion-item-".concat(a)))}):null]})});a.Z=s},82919:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){var t,s;let d=a||(0,i.useRef)(a),[o,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{c(!0)},[]),(0,i.useEffect)(()=>{if(d.current&&o){var a;if(null===(a=e.placement)||void 0===a?void 0:a.startsWith("corner")){let e=d.current.parentElement;e&&e.localName.includes("badge")&&(e=e.parentElement),e&&e.setAttribute("data-has-badge","true")}}},[d.current,o]),(0,n.jsx)("span",{ref:d,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-badge",e.className),"data-semantic":e.semantic,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,"data-label":(null===(t=e.placement)||void 0===t?void 0:t.startsWith("corner"))&&(null!==(s=e.label)&&void 0!==s?s:r.SU),children:e.children})});a.Z=s},98310:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){var t;let r=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>({icon:"db"}));return(0,n.jsx)("div",{ref:r,...(0,l.mS)(e,[]),"data-icon":e.hideLogo?"none":null!==(t=e.icon)&&void 0!==t?t:s.icon,id:e.id,className:(0,l.yI)("db-brand",e.className),children:e.children})});a.Z=r},10326:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("button",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-button",e.className),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,"data-no-text":e.noText,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:a=>{e.onClick&&e.onClick(a)},children:e.children})});a.Z=r},70741:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,"data-behaviour":e.behaviour,"data-elevation-level":e.elevationLevel,"data-spacing":e.spacing,role:"interactive"===e.behaviour?"button":void 0,tabIndex:"interactive"===e.behaviour?0:void 0,onClick:a=>{e.onClick&&e.onClick(a)},className:(0,l.yI)("db-card",e.className),children:e.children})});a.Z=r},1689:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,o,c;let u=a||(0,i.useRef)(a),[v,h]=(0,i.useState)(()=>!1),[m,f]=(0,i.useState)(()=>"checkbox-"+(0,l.Vj)()),[g,b]=(0,i.useState)(()=>m+r.Kn),[p,N]=(0,i.useState)(()=>m+r.vs),[E,S]=(0,i.useState)(()=>m+r.Ik),[x,R]=(0,i.useState)(()=>""),[_,L]=(0,i.useState)(()=>"");return(0,i.useEffect)(()=>{h(!0),f(e.id||m)},[]),(0,i.useEffect)(()=>{if(m){let a=m+r.Kn,t=m+r.vs,n=m+r.Ik;b(a),N(t),S(n),e.message&&R(a)}},[m]),(0,i.useEffect)(()=>{if(v&&document&&m){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(m);t&&(void 0!=e.checked&&(t.checked=e.checked),void 0!==e.indeterminate&&(t.indeterminate=e.indeterminate),h(!1))}},[v,e.indeterminate,e.checked]),(0,n.jsxs)("div",{"data-size":e.size,"data-variant":e.variant,className:(0,l.yI)("db-checkbox",e.className),children:[(0,n.jsxs)("label",{htmlFor:m,children:[(0,n.jsx)("input",{type:"checkbox","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:u,...(0,l.mS)(e,[]),id:m,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,required:e.required,onChange:a=>{var t,n,i,s,d,o;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=u.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=u.current)||void 0===n?void 0:n.validity.valid)&&e.required?(R(p),(0,l.YR)()&&L(null!==(o=e.validMessage)&&void 0!==o?o:r.cj)):e.message?R(g):R(""):(R(E),(0,l.YR)()&&L(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(i=u.current)||void 0===i?void 0:i.validationMessage)&&void 0!==d?d:r.CV))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":x}),e.label?(0,n.jsx)("span",{children:e.label}):null,e.children]}),e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:g,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:p,children:null!==(d=e.validMessage)&&void 0!==d?d:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:E,children:null!==(c=null!==(o=e.invalidMessage)&&void 0!==o?o:null===(t=u.current)||void 0===t?void 0:t.validationMessage)&&void 0!==c?c:r.CV}),(0,n.jsx)("span",{role:"status","data-visually-hidden":!0,children:_})]})});a.Z=d},45886:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,l.yI)("db-divider",e.className)})});a.Z=r},37402:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(55482),s=t(43251);let d=(0,i.forwardRef)(function(e,a){var t;let d=a||(0,i.useRef)(a),o=(0,i.useRef)(null);function c(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"click"===a.type&&"none"!==e.backdrop)&&e.onClose&&e.onClose(a)}function u(){(null==d?void 0:d.current)&&(e.open&&!d.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?d.current.show():d.current.showModal()),!e.open&&d.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=d.current)||void 0===e||e.close()},401)))}return(0,i.useEffect)(()=>{u()},[]),(0,i.useEffect)(()=>{u()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:d,...(0,s.mS)(e,["onClose"]),onClick:e=>{c(e)},onKeyDown:e=>c(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:o,className:(0,s.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:(0,n.jsx)(n.Fragment,{children:e.drawerHeader})}),(0,n.jsx)(l.Z,{icon:"cross",variant:"ghost",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>c("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce})]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})});a.Z=d},82664:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(10326),s=t(37402),d=t(55482),o=t(52082);let c=(0,i.forwardRef)(function(e,a){var t;let c=a||(0,i.useRef)(a),[u,v]=(0,i.useState)(()=>d.IY),[h,m]=(0,i.useState)(()=>!1),[f,g]=(0,i.useState)(()=>!1),[b,p]=(0,i.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function N(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,i.useEffect)(()=>{m(!0),v(e.id||"header-"+(0,l.Vj)())},[]),(0,i.useEffect)(()=>{if(h&&document&&u&&e.forceMobile){let e=document.getElementById(u);e&&(0,l.yn)(e,{key:"data-force-mobile",value:"true"}),g(!0)}},[h]),(0,n.jsxs)("header",{ref:c,...(0,l.mS)(e,[]),className:(0,l.yI)("db-header",e.className),id:u,"data-width":e.width,"data-on-forcing-mobile":e.forceMobile&&!f,children:[(0,n.jsxs)(s.Z,{spacing:"small",className:"db-header-drawer",rounded:!0,open:e.drawerOpen,onClose:()=>N(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",onClick:e=>{(0,o.sb)(e)&&N()},children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:(0,n.jsx)(n.Fragment,{children:e.metaNavigation})})]}),(0,n.jsx)("div",{className:"db-header-secondary-action",children:(0,n.jsx)(n.Fragment,{children:e.secondaryAction})})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:(0,n.jsx)(n.Fragment,{children:e.metaNavigation})}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:(0,n.jsx)(n.Fragment,{children:e.brand})}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-primary-action",children:(0,n.jsx)(n.Fragment,{children:e.primaryAction})})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(r.Z,{icon:"menu",variant:"ghost",id:u+"-burger-menu",noText:!0,onClick:()=>N(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:b.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-secondary-action",children:(0,n.jsx)(n.Fragment,{children:e.secondaryAction})})]})]})]})});a.Z=c},47437:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("span",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-infotext",e.className),"data-icon":e.icon,"data-semantic":e.semantic,"data-size":e.size,children:e.children})});a.Z=r},49475:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,o,c,u,v,h,m;let f=a||(0,i.useRef)(a),[g,b]=(0,i.useState)(()=>"input-"+(0,l.Vj)()),[p,N]=(0,i.useState)(()=>g+r.Kn),[E,S]=(0,i.useState)(()=>g+r.vs),[x,R]=(0,i.useState)(()=>g+r.Ik),[_,L]=(0,i.useState)(()=>g+r.Qy),[j,y]=(0,i.useState)(()=>""),[I,A]=(0,i.useState)(()=>""),[C,T]=(0,i.useState)(()=>""),[B,w]=(0,i.useState)(()=>({label:r.SU,placeholder:" "}));return(0,i.useEffect)(()=>{var a;b(null!==(a=e.id)&&void 0!==a?a:g)},[]),(0,i.useEffect)(()=>{if(g){var a;let t=g+r.Kn,n=g+r.vs,i=g+r.Ik;N(t),S(n),R(i),L(null!==(a=e.dataListId)&&void 0!==a?a:g+r.Qy),e.message&&y(t)}},[g]),(0,i.useEffect)(()=>{A(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,l.yI)("db-input",e.className),"data-variant":e.variant,"data-icon":e.icon,"data-icon-after":e.iconAfter,children:[(0,n.jsx)("label",{htmlFor:g,children:null!==(o=e.label)&&void 0!==o?o:B.label}),(0,n.jsx)("input",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:f,...(0,l.mS)(e,[]),id:g,name:e.name,type:e.type||"text",placeholder:null!==(c=e.placeholder)&&void 0!==c?c:B.placeholder,disabled:e.disabled,required:e.required,step:e.step,value:e.value,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,pattern:e.pattern,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,n,i,s,d,o;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=f.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=f.current)||void 0===n?void 0:n.validity.valid)&&(e.required||e.minLength||e.maxLength||e.pattern)?(y(E),(0,l.YR)()&&T(null!==(o=e.validMessage)&&void 0!==o?o:r.cj)):e.message?y(p):y(""):(y(x),(0,l.YR)()&&T(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(i=f.current)||void 0===i?void 0:i.validationMessage)&&void 0!==d?d:r.CV))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},list:e.dataList&&_,"aria-describedby":j}),e.dataList?(0,n.jsx)("datalist",{id:_,children:null===(m=e.dataList,t=Array.from(((0,l.gG)(m)?m.map(e=>({value:e,label:void 0})):m)||[]))||void 0===t?void 0:t.map(e=>(0,n.jsx)("option",{value:e.value,children:e.label},_+"-option-"+e.value))}):null,e.children,e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:p,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:E,children:null!==(u=e.validMessage)&&void 0!==u?u:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:x,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=f.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.CV}),(0,n.jsx)("span",{role:"status","data-visually-hidden":!0,children:C})]})});a.Z=d},50350:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,n.jsxs)("a",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-link",e.className),href:e.href,target:e.target,rel:e.rel,role:e.role,hrefLang:e.hreflang,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:a=>{e.onClick&&e.onClick(a)},children:[e.text?(0,n.jsx)("span",{children:e.text}):null,e.children]})});a.Z=s},39120:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(43251),s=t(52082),d=t(55482);let o=(0,i.forwardRef)(function(e,a){var t;let o=a||(0,i.useRef)(a),[c,u]=(0,i.useState)(()=>!1),[v,h]=(0,i.useState)(()=>!1),[m,f]=(0,i.useState)(()=>!0),[g,b]=(0,i.useState)(()=>!1),[p,N]=(0,i.useState)(()=>"sub-navigation-"+(0,r.Vj)()),[E,S]=(0,i.useState)(()=>void 0);return(0,i.useEffect)(()=>{u(!0)},[]),(0,i.useEffect)(()=>{void 0!==e.subNavigationExpanded&&b(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,i.useEffect)(()=>{!function(){if(c&&document&&p){var e,a;let t=null===(e=document)||void 0===e?void 0:e.getElementById(p);t&&((null===(a=t.children)||void 0===a?void 0:a.length)>0?(h(!0),E||S(new s.sE(o.current,t))):f(!1))}}()},[c]),(0,n.jsxs)("li",{ref:o,...(0,r.mS)(e,[]),id:e.id,onMouseOver:e=>null==E?void 0:E.enableFollow(),onMouseLeave:e=>null==E?void 0:E.disableFollow(),onMouseMove:e=>null==E?void 0:E.followByMouseEvent(e),className:(0,r.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[m?null:(0,n.jsx)(n.Fragment,{children:e.children}),m?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":v,"aria-expanded":g,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),v&&b(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:p,children:[v?(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(l.Z,{icon:"arrow_left",variant:"ghost",id:e.backButtonId,onClick:e=>{e.stopPropagation(),b(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:d.YP})}):null,(0,n.jsx)(n.Fragment,{children:e.subNavigation})]})]}):null]})});a.Z=o},33759:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"navigation-"+(0,l.Vj)())},[]),(0,n.jsx)("nav",{ref:t,...(0,l.mS)(e,[]),id:s,"aria-labelledby":e.labelledBy,className:(0,l.yI)("db-navigation",e.className),children:(0,n.jsx)("menu",{children:e.children})})});a.Z=s},99242:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(55482),s=t(43251);let d=(0,i.forwardRef)(function(e,a){var t;let d=a||(0,i.useRef)(a);return(0,n.jsxs)("article",{ref:d,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-notification",e.className),"aria-live":e.ariaLive,"data-semantic":e.semantic,"data-variant":e.variant,"data-icon":e.icon,"data-link-variant":e.linkVariant,children:[(0,n.jsx)(n.Fragment,{children:e.image}),e.headline?(0,n.jsx)("header",{children:e.headline}):null,(0,n.jsx)("p",{children:e.children}),e.timestamp?(0,n.jsx)("span",{children:e.timestamp}):null,(0,n.jsx)(n.Fragment,{children:e.link}),"permanent"!==e.behaviour?(0,n.jsx)(l.Z,{icon:"cross",variant:"ghost",size:"small",id:e.closeButtonId,noText:!0,onClick:a=>{e.onClose&&e.onClose()},children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce}):null]})});a.Z=d},60029:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1);function d(){if(!t.current)return;let e=t.current.querySelector("article");e&&(0,l.Lp)(e)}return(0,i.useEffect)(()=>{s(!0)},[]),(0,i.useEffect)(()=>{if(t.current&&r){let e=Array.from(t.current.children);e.length>=2&&(e[0].ariaHasPopup="true"),s(!1)}},[t.current,r]),(0,n.jsxs)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-popover",e.className),onFocus:e=>d(),onMouseEnter:e=>d(),children:[(0,n.jsx)(n.Fragment,{children:e.trigger}),(0,n.jsx)("article",{className:"db-popover-content","data-spacing":e.spacing,"data-gap":e.gap,"data-animation":e.animation,"data-open":e.open,"data-delay":e.delay,"data-width":e.width,"data-placement":e.placement,children:e.children})]})});a.Z=r},78016:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1),[d,o]=(0,i.useState)(()=>"radio-"+(0,l.Vj)());return(0,i.useEffect)(()=>{var a;s(!0),o(null!==(a=e.id)&&void 0!==a?a:d)},[]),(0,i.useEffect)(()=>{if(e.checked&&r&&document&&d){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(d);t&&void 0!=e.checked&&(t.checked=!0)}},[r,e.checked]),(0,n.jsxs)("label",{"data-size":e.size,"data-variant":e.variant,className:(0,l.yI)("db-radio",e.className),htmlFor:d,children:[(0,n.jsx)("input",{type:"radio","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:t,...(0,l.mS)(e,[]),id:d,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,value:e.value,required:e.required,onChange:a=>{e.onChange&&e.onChange(a),e.change&&e.change(a)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.label?(0,n.jsx)("span",{children:e.label}):null,e.children]})});a.Z=r},55327:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"section-"+(0,l.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,l.mS)(e,[]),id:s,"data-spacing":e.spacing||"medium",className:(0,l.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-width":e.width,children:e.children})})});a.Z=s},79081:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,o,c,u,v,h;let m=a||(0,i.useRef)(a),[f,g]=(0,i.useState)(()=>"select-"+(0,l.Vj)()),[b,p]=(0,i.useState)(()=>f+r.Kn),[N,E]=(0,i.useState)(()=>f+r.vs),[S,x]=(0,i.useState)(()=>f+r.Ik),[R,_]=(0,i.useState)(()=>f+r.D_),[L,j]=(0,i.useState)(()=>""),[y,I]=(0,i.useState)(()=>""),[A,C]=(0,i.useState)(()=>!1),[T,B]=(0,i.useState)(()=>"");function w(e){var a;return null!==(a=e.label)&&void 0!==a?a:e.value.toString()}return(0,i.useEffect)(()=>{g(e.id||f),C(!0)},[]),(0,i.useEffect)(()=>{if(f&&A){let a=f+r.Kn,t=f+r.vs,n=f+r.Ik,i=f+r.D_;p(a),E(t),x(n),_(i),e.message?j(a):j(i),C(!1)}},[f,A]),(0,i.useEffect)(()=>{I(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,l.yI)("db-select",e.className),"data-variant":e.variant,"data-icon":e.icon,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(o=e.label)&&void 0!==o?o:r.SU}),(0,n.jsxs)("select",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,l.mS)(e,[]),required:e.required,disabled:e.disabled,id:f,name:e.name,value:e.value,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onClick:a=>{e.onClick&&e.onClick(a)},onChange:a=>{var t,n,i,s,d,o;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&e.required?(j(N),(0,l.YR)()&&B(null!==(o=e.validMessage)&&void 0!==o?o:r.cj)):e.message?j(b):j(R):(j(S),(0,l.YR)()&&B(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(i=m.current)||void 0===i?void 0:i.validationMessage)&&void 0!==d?d:r.CV))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":L,children:[(0,n.jsx)("option",{hidden:!0}),e.options?(0,n.jsx)(i.Fragment,{children:null===(t=e.options)||void 0===t?void 0:t.map(e=>{var a;return(0,n.jsxs)(i.Fragment,{children:[e.options?(0,n.jsx)("optgroup",{label:w(e),children:null===(a=e.options)||void 0===a?void 0:a.map(e=>(0,n.jsx)("option",{value:e.value,disabled:e.disabled,children:w(e)},e.value.toString()))}):null,e.options?null:(0,n.jsx)("option",{value:e.value,disabled:e.disabled,children:w(e)})]},(0,l.Vj)())})},(0,l.Vj)()):null,e.children]}),(0,n.jsx)("span",{id:R,children:null!==(c=e.placeholder)&&void 0!==c?c:e.label}),e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:b,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=m.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.CV}),(0,n.jsx)("span",{role:"status","data-visually-hidden":!0,children:T})]})});a.Z=d},55025:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>"switch-"+(0,l.Vj)()),[d,o]=(0,i.useState)(()=>!1),[c,u]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{s(e.id||r)},[]),(0,n.jsxs)("label",{"data-visual-aid":e.visualAid,"data-size":e.size,"data-variant":e.variant,"data-emphasis":e.emphasis,htmlFor:r,className:(0,l.yI)("db-switch",e.className),children:[(0,n.jsx)("input",{type:"checkbox",role:"switch",id:r,"aria-checked":d,ref:t,...(0,l.mS)(e,[]),checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,name:e.name,required:e.required,"data-aid-icon":e.icon,"data-aid-icon-after":e.iconAfter,onChange:a=>{var t;e.onChange&&e.onChange(a),e.change&&e.change(a),o(null===(t=a.target)||void 0===t?void 0:t.checked)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.children]})});a.Z=r},57284:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1),[d,o]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{s(!0)},[]),(0,i.useEffect)(()=>{e.active&&r&&t.current&&(t.current.click(),s(!1))},[t.current,r]),(0,n.jsx)("li",{role:"none",className:(0,l.yI)("db-tab-item",e.className),children:(0,n.jsxs)("label",{htmlFor:e.id,"data-icon":e.icon,"data-icon-after":e.iconAfter,"data-no-text":e.noText,children:[(0,n.jsx)("input",{type:"radio",role:"tab",disabled:e.disabled,"aria-selected":d,"aria-controls":e.controls,checked:e.checked,ref:t,...(0,l.mS)(e,[]),id:e.id,onChange:a=>{var t;e.onChange&&e.onChange(a),e.change&&e.change(a),o(null===(t=a.target)||void 0===t?void 0:t.checked)}}),e.label?(0,n.jsx)(n.Fragment,{children:e.label}):null,e.children]})})});a.Z=r},57884:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"tab-list-"+(0,l.Vj)())},[]),(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:s,className:(0,l.yI)("db-tab-list",e.className),children:(0,n.jsx)("ul",{role:"tablist",children:e.children})})});a.Z=s},49953:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,i.useEffect)(()=>{},[]),(0,n.jsxs)("section",{role:"tabpanel",ref:t,...(0,l.mS)(e,[]),className:(0,l.yI)("db-tab-panel",e.className),id:e.id,"aria-labelledby":e.labelledBy,children:[e.content?(0,n.jsx)(n.Fragment,{children:e.content}):null,e.children]})});a.Z=r},57092:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(10326),s=t(57884),d=t(57284),o=t(49953);let c=(0,i.forwardRef)(function(e,a){var t,c,u,v;let h=a||(0,i.useRef)(a),[m,f]=(0,i.useState)(()=>"tabs-"+(0,l.Vj)()),[g,b]=(0,i.useState)(()=>""),[p,N]=(0,i.useState)(()=>!1),[E,S]=(0,i.useState)(()=>!1),[x,R]=(0,i.useState)(()=>!1),[_,L]=(0,i.useState)(()=>null);function j(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}function y(e){let a=e.scrollWidth>e.clientWidth;S(a&&e.scrollLeft>1),R(a&&e.scrollLeft{y(t)}))}}}function C(a){if(h.current){let t=Array.from(h.current.getElementsByClassName("db-tab-item"));for(let n of t){let i=t.indexOf(n),l=n.querySelector("label"),r=n.querySelector("input");if(r&&l){if(!r.id){let e="".concat(g,"-tab-").concat(i);l.setAttribute("for",e),r.setAttribute("aria-controls","".concat(g,"-tab-panel-").concat(i)),r.id=e,r.setAttribute("name",g)}if(a){let a=!e.initialSelectedMode||"auto"===e.initialSelectedMode,t=null==e.initialSelectedIndex&&0===i||e.initialSelectedIndex===i;a&&t&&r.click()}}}let n=Array.from(h.current.querySelectorAll("& > .db-tab-panel"));for(let e of n){if(e.id)continue;let a=n.indexOf(e);e.id="".concat(g,"-tab-panel-").concat(a),e.setAttribute("aria-labelledby","".concat(g,"-tab-").concat(a))}}}return(0,i.useEffect)(()=>{f(e.id||m),b(e.name||(0,l.Vj)()),N(!0)},[]),(0,i.useEffect)(()=>{if(h.current&&p){A(),C(!0);let e=h.current.querySelector(".db-tab-list");e&&new MutationObserver(e=>{e.forEach(e=>{(e.removedNodes.length||e.addedNodes.length)&&(A(),C())})}).observe(e,{childList:!0,subtree:!0}),N(!1)}},[h.current,p]),(0,n.jsxs)("div",{ref:h,...(0,l.mS)(e,[]),id:m,className:(0,l.yI)("db-tabs",e.className),"data-orientation":e.orientation,"data-scroll-behaviour":e.behaviour,"data-alignment":null!==(u=e.alignment)&&void 0!==u?u:"start","data-width":null!==(v=e.width)&&void 0!==v?v:"auto",children:[E?(0,n.jsx)(r.Z,{variant:"ghost",icon:"chevron_left",className:"tabs-scroll-left",noText:!0,onClick:e=>I(!0),children:"Scroll left"}):null,e.tabs?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{children:null===(t=j(e.tabs))||void 0===t?void 0:t.map((a,t)=>(0,n.jsx)(d.Z,{active:a.active,label:a.label,iconAfter:a.iconAfter,icon:a.icon,noText:a.noText},e.name+"tab-item"+t))}),null===(c=j(e.tabs))||void 0===c?void 0:c.map((a,t)=>(0,n.jsx)(o.Z,{content:a.content,children:a.children},e.name+"tab-panel"+t))]}):null,x?(0,n.jsx)(r.Z,{variant:"ghost",icon:"chevron_right",className:"tabs-scroll-right",noText:!0,onClick:e=>I(),children:"Scroll right"}):null,e.children]})});a.Z=c},73253:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1);function d(){return e.removeButton?e.removeButton:"Remove tag"}let o=(0,i.useRef)(!1);return o.current||(s(!0),o.current=!0),(0,i.useEffect)(()=>{if(r&&t.current&&void 0!==e.disabled){var a,n;for(let i of[null===(a=t.current)||void 0===a?void 0:a.querySelector("button:not(.db-tab-remove-button)"),null===(n=t.current)||void 0===n?void 0:n.querySelector("input")])i&&(i.disabled=e.disabled)}},[r,e.disabled,t.current]),(0,n.jsxs)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-tag",e.className),"data-disabled":e.disabled,"data-semantic":e.semantic,"data-emphasis":e.emphasis,"data-icon":e.icon,"data-no-text":e.noText,"data-overflow":e.overflow,children:[e.children,e.text?(0,n.jsx)(n.Fragment,{children:e.text}):null,"removable"===e.behaviour?(0,n.jsx)("button",{"data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",className:"db-button db-tab-remove-button",onClick:a=>void(e.onRemove&&e.onRemove()),title:d(),children:d()}):null]})});a.Z=r},22723:function(e,a,t){var n=t(52322),i=t(2784),l=t(47437),r=t(43251),s=t(55482);let d=(0,i.forwardRef)(function(e,a){var t,d,o,c,u,v,h;let m=a||(0,i.useRef)(a),[f,g]=(0,i.useState)(()=>"textarea-"+(0,r.Vj)()),[b,p]=(0,i.useState)(()=>f+s.Kn),[N,E]=(0,i.useState)(()=>f+s.vs),[S,x]=(0,i.useState)(()=>f+s.Ik),[R,_]=(0,i.useState)(()=>""),[L,j]=(0,i.useState)(()=>""),[y,I]=(0,i.useState)(()=>({label:s.SU,placeholder:" ",rows:"4"})),[A,C]=(0,i.useState)(()=>"");return(0,i.useEffect)(()=>{g(e.id||f)},[]),(0,i.useEffect)(()=>{if(f){let a=f+s.Kn,t=f+s.vs,n=f+s.Ik;p(a),E(t),x(n),e.message&&_(a)}},[f]),(0,i.useEffect)(()=>{j(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,r.yI)("db-textarea",e.className),"data-variant":e.variant,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(d=e.label)&&void 0!==d?d:y.label}),(0,n.jsx)("textarea",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,r.mS)(e,[]),id:f,"data-resize":e.resize,disabled:e.disabled,required:e.required,readOnly:e.readOnly,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,n,i,l,d,o;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&(e.required||e.minLength||e.maxLength)?(_(N),(0,r.YR)()&&C(null!==(o=e.validMessage)&&void 0!==o?o:s.cj)):e.message?_(b):_(""):(_(S),(0,r.YR)()&&C(null!==(d=null!==(l=e.invalidMessage)&&void 0!==l?l:null===(i=m.current)||void 0===i?void 0:i.validationMessage)&&void 0!==d?d:s.CV))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},value:e.value,"aria-describedby":R,placeholder:null!==(o=e.placeholder)&&void 0!==o?o:y.placeholder,rows:null!==(c=e.rows)&&void 0!==c?c:y.rows,cols:e.cols}),e.message?(0,n.jsx)(l.Z,{size:"small",icon:e.messageIcon,id:b,children:e.message}):null,(0,n.jsx)(l.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:s.cj}),(0,n.jsx)(l.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(t=m.current)||void 0===t?void 0:t.validationMessage)&&void 0!==h?h:s.CV}),(0,n.jsx)("span",{role:"status","data-visually-hidden":!0,children:A})]})});a.Z=d},79031:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY),[o,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{d(e.id||"tooltip-"+(0,l.Vj)()),c(!0)},[]),(0,i.useEffect)(()=>{if(t.current&&o){let e=t.current.parentElement;e&&e.localName.includes("tooltip")&&(e=e.parentElement),e&&(["mouseenter","focus"].forEach(a=>{e.addEventListener(a,()=>void((null==t?void 0:t.current)&&(0,l.Lp)(t.current)))}),e.setAttribute("data-has-tooltip","true"),e.setAttribute("aria-describedby",s)),c(!1)}},[t.current,o]),(0,n.jsx)("i",{role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t,...(0,l.mS)(e,[]),id:s,"data-emphasis":e.emphasis,"data-animation":e.animation,"data-delay":e.delay,"data-width":e.width,"data-variant":e.variant,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),className:(0,l.yI)("db-tooltip",e.className),children:e.children})});a.Z=s},55482:function(e,a,t){var n,i,l,r,s,d,o;t.d(a,{CV:function(){return p},D_:function(){return f},IY:function(){return c},Ik:function(){return m},Kn:function(){return v},Qy:function(){return g},SU:function(){return u},YP:function(){return N},ce:function(){return E},cj:function(){return b},vs:function(){return h}});let c="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",v="-message",h="-valid-message",m="-invalid-message",f="-placeholder",g="-datalist",b="TODO: Add a validMessage",p="TODO: Add an invalidMessage",N="Back",E="Close Button";(s=n||(n={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,a]=e;return a}),(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-lvl-1",d.BRAND_BG_LEVEL_2="brand-bg-lvl-2",d.BRAND_BG_LEVEL_3="brand-bg-lvl-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",d.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",d.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-lvl-1",d.WARNING_BG_LEVEL_2="warning-bg-lvl-2",d.WARNING_BG_LEVEL_3="warning-bg-lvl-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full",Object.entries(l).map(e=>{let[,a]=e;return a}),Object.entries(i).map(e=>{let[,a]=e;return a}),(o=r||(r={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(r).map(e=>{let[,a]=e;return a})},52082:function(e,a,t){t.d(a,{sE:function(){return l},sb:function(){return i}});var n=t(43251);let i=e=>{var a,t;let{target:n}=e;return!!(!(null==n?void 0:null===(a=n.classList)||void 0===a?void 0:a.contains("db-navigation-item-expand-button"))&&(null==n?void 0:null===(t=n.parentElement)||void 0===t?void 0:t.classList.contains("db-navigation-item")))};class l{init(){var e,a;let t=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.element.style.setProperty("--db-navigation-item-inline-size","".concat(t,"px")),this.initialized=!0}enableFollow(){var e,a;if(!this.initialized||this.triangleData)return;let t=(0,n.Lp)(this.subNavigation),i=this.element.getBoundingClientRect(),l=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.triangleData={itemRect:i,parentElementWidth:l,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(l-i.width)/2,outsideVX:t.vx,outsideVY:t.vy}}disableFollow(){this.triangleData=void 0}getTriangleTipX(){return this.triangleData?"right"===this.triangleData.outsideVX?this.triangleData.itemRect.width-this.mouseX:Math.min(this.mouseX,.75*this.triangleData.itemRect.width):0}getTriangleTipY(){if(!this.triangleData)return 0;let e=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;return"bottom"===this.triangleData.outsideVY?e+(this.triangleData.subNavigationHeight-2*this.triangleData.padding-this.triangleData.itemRect.height):e}hasMouseEnteredSubNavigation(){if(!this.triangleData)return!1;let e="right"===this.triangleData.outsideVX;return!!e&&this.mouseX<-1*this.triangleData.padding||!e&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding}getTriangleCoordinates(e){if(!this.triangleData)return;if("fill-gap"===e){let e="".concat(this.triangleData.itemRect.height+2*this.triangleData.padding,"px"),a="".concat(this.triangleData.parentElementWidth-this.triangleData.padding,"px");return{lb:"".concat(a," ").concat(e),lt:"".concat(a," 0"),rt:"100% 0",rb:"100% ".concat(e)}}let a=this.getTriangleTipX(),t=this.getTriangleTipY();return{lb:"".concat(a,"px ").concat(t+this.triangleData.padding,"px"),lt:"".concat(a,"px ").concat(t-this.triangleData.padding,"px"),rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(e){if(!this.initialized||!this.triangleData)return;this.mouseX=e.clientX-this.triangleData.itemRect.left,this.mouseY=e.clientY-this.triangleData.itemRect.top;let a=this.hasMouseEnteredSubNavigation(),t=this.getTriangleCoordinates(a?"fill-gap":"safe-triangle");t&&(this.element.style.setProperty("--db-navigation-item-clip-path","polygon(".concat(t.lb,", ").concat(t.lt,", ").concat(t.rt,", ").concat(t.rb,")")),a&&(this.triangleData=void 0))}constructor(e,a){this.initialized=!1,this.mouseX=0,this.mouseY=0,this.element=e,this.subNavigation=a,this.parentSubNavigation=this.element.closest(".db-sub-navigation"),this.parentSubNavigation&&!this.element.closest(".db-drawer")&&this.init()}}},39846:function(e,a,t){var n,i,l,r,s,d,o;t.d(a,{DM:function(){return h},a_:function(){return u},eM:function(){return c},m3:function(){return m},nN:function(){return v},pw:function(){return n},r$:function(){return l}});let c="density",u="color";(s=n||(n={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let v=Object.entries(n).map(e=>{let[,a]=e;return a});(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-lvl-1",d.BRAND_BG_LEVEL_2="brand-bg-lvl-2",d.BRAND_BG_LEVEL_3="brand-bg-lvl-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",d.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",d.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-lvl-1",d.WARNING_BG_LEVEL_2="warning-bg-lvl-2",d.WARNING_BG_LEVEL_3="warning-bg-lvl-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full";let h=Object.entries(l).map(e=>{let[,a]=e;return a});Object.entries(i).map(e=>{let[,a]=e;return a}),(o=r||(r={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful";let m=Object.entries(r).map(e=>{let[,a]=e;return a})}}]); \ No newline at end of file diff --git a/review/test-input-required-messages/_next/static/chunks/2811-96647a9baf72d1b2.js b/review/test-input-required-messages/_next/static/chunks/2811-3ce37ae0abba4a49.js similarity index 55% rename from review/test-input-required-messages/_next/static/chunks/2811-96647a9baf72d1b2.js rename to review/test-input-required-messages/_next/static/chunks/2811-3ce37ae0abba4a49.js index f66678c4313..387be715069 100644 --- a/review/test-input-required-messages/_next/static/chunks/2811-96647a9baf72d1b2.js +++ b/review/test-input-required-messages/_next/static/chunks/2811-3ce37ae0abba4a49.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2811],{92811:function(n,e,t){t.d(e,{Z6:function(){return av},Ec:function(){return ax},tp:function(){return aT},vY:function(){return aB},kn:function(){return af},vn:function(){return aj}});var a={};t.r(a),t.d(a,{Behaviour:function(){return ep},Content:function(){return eh},Density:function(){return ec},Size:function(){return eu},State:function(){return eb},Variant:function(){return ed}});var i={};t.r(i),t.d(i,{Content:function(){return eD},Density:function(){return em},InteractionStates:function(){return ex},Semantic:function(){return eg},Size:function(){return ev}});var o={};t.r(o),t.d(o,{Behaviour:function(){return ef},Density:function(){return eB},Variant:function(){return ej}});var s={};t.r(s),t.d(s,{ContentStates:function(){return ey},Density:function(){return eT},InteractionStates:function(){return ew}});var l={};t.r(l),t.d(l,{Tonality:function(){return ek},Variants:function(){return eZ}});var r={};t.r(r),t.d(r,{Animations:function(){return e_},Density:function(){return eN},Emphasis:function(){return eC},Placement:function(){return eL},Variant:function(){return eI},Width:function(){return eH}});var c={};t.r(c),t.d(c,{Density:function(){return eP},Semantic:function(){return eA},Size:function(){return eR}});var d={};t.r(d),t.d(d,{Behaviour:function(){return eF},Content:function(){return eV},Density:function(){return eS},Emphasis:function(){return eE},Example:function(){return ez},Overflow:function(){return eW},Semantic:function(){return eO},State:function(){return eM}});var b={};t.r(b),t.d(b,{Examples:function(){return eY},Orientation:function(){return eq},Overflow:function(){return eG},Tonality:function(){return eU},Width:function(){return eJ}});var u={};t.r(u),t.d(u,{Behaviour:function(){return eX},Content:function(){return eQ},ContentAlignmentFullWidth:function(){return e0},Density:function(){return e$},States:function(){return eK}});var h={};t.r(h),t.d(h,{Content:function(){return e7},Density:function(){return e1},InteractionStates:function(){return e3},Requirement:function(){return e5},Size:function(){return e4},States:function(){return e2}});var p={};t.r(p),t.d(p,{Content:function(){return tt},Density:function(){return e8},ExampleTypes:function(){return ti},ExampleTypesFloatingLabel:function(){return to},Requirement:function(){return ta},StatesFloatingLabel:function(){return te},StatesLabelAbove:function(){return tn},VariantHelperMessage:function(){return e9},VariantLabel:function(){return e6}});var m={};t.r(m),t.d(m,{Content:function(){return tb},Density:function(){return ts},InteractionStates:function(){return tl},Requirement:function(){return td},Size:function(){return tc},States:function(){return tr}});var g={};t.r(g),t.d(g,{Content:function(){return tx},Density:function(){return tu},Requirement:function(){return tv},StatesFloatingLabel:function(){return tg},StatesLabelAbove:function(){return tm},VariantHelperMessage:function(){return tp},VariantLabel:function(){return th}});var x={};t.r(x),t.d(x,{Content:function(){return tw},Density:function(){return tD},Emphasis:function(){return tj},Examples:function(){return ty},Size:function(){return tT},States:function(){return tB},VisualAid:function(){return tf}});var v={};t.r(v),t.d(v,{Density:function(){return tk},Requirement:function(){return tL},Rows:function(){return tH},StatesFloatingLabel:function(){return tC},StatesLabelAbove:function(){return tI},VariantHelperMessage:function(){return tN},VariantLabel:function(){return tZ}});var D={};t.r(D),t.d(D,{Behaviour:function(){return tR},ContentVariantDocked:function(){return tS},ContentVariantOverlay:function(){return tO},ContentVariantStandalone:function(){return tE},Density:function(){return t_},Semantic:function(){return tA},Variant:function(){return tP}});var B={};t.r(B),t.d(B,{Content:function(){return tz},Density:function(){return tF},Emphasis:function(){return tM},Examples:function(){return tq},Placement:function(){return tU},Semantic:function(){return tV},Size:function(){return tW}});var j={};t.r(j),t.d(j,{Behaviour:function(){return t$},Density:function(){return tJ},ElevationLevel:function(){return tG},Example:function(){return tK},Spacing:function(){return tY}});var f={};t.r(f),t.d(f,{Density:function(){return tQ},Emphasis:function(){return t0},Variant:function(){return tX}});var T={};t.r(T),t.d(T,{Backdrop:function(){return t5},Density:function(){return t1},Directions:function(){return t7},Rounded:function(){return t2},Size:function(){return t3},Spacing:function(){return t4}});var w={};t.r(w),t.d(w,{Behaviour:function(){return t9},Examples:function(){return an},Tonality:function(){return t8},Width:function(){return t6}});var y={};t.r(y),t.d(y,{Density:function(){return ae},Spacing:function(){return aa},Width:function(){return at}});var k={};t.r(k),t.d(k,{Density:function(){return ai}});var Z={};t.r(Z),t.d(Z,{Content:function(){return al},Density:function(){return ao},InteractionStates:function(){return as},Width:function(){return ar}});var N={};t.r(N),t.d(N,{Animations:function(){return ah},Density:function(){return ac},Gap:function(){return au},Placement:function(){return ab},Spacing:function(){return ad},Width:function(){return ap}});var I=t(52322),C=t(10326),L=t(2784),H=t(70741),_=t(45886),P=t(50350),A=t(39846),R=t(82876),S=()=>{let n=(0,R.useRouter)(),e=(0,R.usePathname)(),[t,a]=[(0,R.useSearchParams)()];return[t,t=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);n.sort();let e=new URLSearchParams(t);if(e.sort(),n.toString()===e.toString())return}a?a(t):e&&(null==n||n.push("".concat(e,"?").concat(new URLSearchParams(t).toString())))}]},E=function(){var n,e;let t=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[a,i]=S(),[o,s]=(0,L.useState)(null!==(n=a.get(A.eM))&&void 0!==n?n:A.pw.REGULAR),[l,r]=(0,L.useState)(null!==(e=a.get(A.a_))&&void 0!==e?e:A.r$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,L.useState)(void 0),[b,u]=(0,L.useState)(!1),[h,p]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{for(let[n,e]of Array.from(a.entries()))e&&(n===A.eM&&o!==e&&s(e),n===A.a_&&l!==e&&r(e),"page"===n&&c!==e.toLowerCase()&&d(e.toLowerCase()),"fullscreen"===n&&!!e!==b&&u(!!e));p(!0)},[a]),(0,L.useEffect)(()=>{if(h){let n={density:o,color:l};c&&(n.page=c),b&&(n.fullscreen=!0),t&&i(n)}},[l,o,c,b,h]),[o,s,l,r,c,b]},O=t(34406);let F=n=>{let{name:e,examples:t,color:a,role:i,SlotCode:o}=n,s=(0,L.useCallback)(()=>(null==a?void 0:a.includes("3"))?"3":(null==a?void 0:a.includes("2"))?"2":"1",[a]),[l,r]=(0,L.useState)();return(0,I.jsxs)(H.Z,{className:"variants-card db-code-docs",elevationLevel:s(),children:[(0,I.jsx)("div",{role:i,"aria-label":i?e:void 0,className:"variants-list",children:t.map((n,e)=>(0,I.jsx)("div",{style:n.style,className:n.className,children:n.example},"".concat(n.name,"-").concat(e)))}),o&&(0,I.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,I.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:l?"Hide code":"Show code"}),(0,I.jsxs)("div",{className:"db-density-functional",children:[(0,I.jsx)("div",{className:"backdrop"}),(0,I.jsx)(H.Z,{className:"code",spacing:"small",children:(0,I.jsx)(o,{})})]})]})]})};var M=n=>{var e;let{title:t,variants:a,subComponent:i,isSubComponent:o,componentName:s}=n,l=null==O||null===(e=O.env)||void 0===e,r=E(l)[4],c=E(l)[2],d=n=>{{let e=new URLSearchParams(window.location.href.split("?")[1]);return e.set("page",n.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(e.toString())}},b=(n,e)=>{var t;if(!window.location.origin||!window.location.href)return;let a=window.location.href.split("?"),i=a[0],o=new URLSearchParams(null!==(t=a[1])&&void 0!==t?t:"");o.set("page",e.toLowerCase());let l=s?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(s,"/overview")),"?").concat(o.toString()):"".concat(a[0],"?").concat(o.toString());window.open(l,"_blank")};if(r){let n=a.find(n=>n.name.toLowerCase()===r);if(n)return(0,I.jsx)(F,{...n,color:c})}return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"default-container",children:[(0,I.jsx)(o?"h2":"h1",{children:t}),null==a?void 0:a.map((n,e)=>(0,I.jsxs)("div",{children:[(0,I.jsx)(_.Z,{}),(0,I.jsx)(P.Z,{className:"link-headline",content:"external",target:"_blank",onClick:e=>{b(e,n.name)},href:d(n.name),children:n.name}),(0,I.jsx)(F,{...n,color:c})]},"".concat(n.name,"-").concat(e)))]}),i]})},V=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive"},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"State","examples":[{"name":"(Default) Enabled"},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon & Text","props":{"icon":"user"}},{"name":"Icon","props":{"icon":"user","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width"},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]');let W=(n,e,t)=>n.map((n,a)=>({...n,SlotCode:null==t?void 0:t[n.name.replaceAll(" ","")],examples:n.examples.map((n,t)=>{var a,i,o,s;return{...n,example:e({...n.props,id:null!==(o=null===(a=n.props)||void 0===a?void 0:a.id)&&void 0!==o?o:n.name,children:null!==(s=null===(i=n.props)||void 0===i?void 0:i.children)&&void 0!==s?s:n.name})}})})),z=n=>{let{variant:e,state:t,size:a,noText:i,icon:o,width:s,disabled:l,children:r}=n;return(0,I.jsx)(C.Z,{variant:e,state:t,size:a,noText:i,icon:o,disabled:l,width:s,onClick:()=>{alert(r.toString())},children:r})};var U=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=n=>{let{href:e,variant:t,disabled:a,size:i,content:o,children:s}=n;return(0,I.jsx)(P.Z,{href:e,variant:t,disabled:a,size:i,content:o,children:s})};var J=t(47437),G=t(38663),Y=t(70453),$=JSON.parse('[{"name":"Density","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Variant","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"background (default)"},{"name":"card","props":{"variant":"card"}}]},{"name":"Behaviour","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"}},{"name":"Single","props":{"behaviour":"single"}}]}]');let K=n=>{let{behaviour:e,children:t,variant:a}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(J.Z,{size:"small",semantic:"informational",icon:"none",children:t}),(0,I.jsxs)(G.Z,{behaviour:e,variant:a,children:[(0,I.jsx)(Y.Z,{headlinePlain:"Item 1",content:"Content 1"}),(0,I.jsx)(Y.Z,{headlinePlain:"Item 2",content:"Content 2"}),(0,I.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=n=>{let{children:e,disabled:t,open:a,headlinePlain:i}=n;return(0,I.jsx)(Y.Z,{headlinePlain:i,disabled:t,defaultOpen:a,children:e})};var nn=n=>(0,I.jsx)(M,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:W(Q,X,n.slotCode)}),ne=t(98310),nt=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Variants","examples":[{"name":"(Default) With Logo"},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]'),na=t(34406);let ni=n=>{var e,t;let{children:a,hideLogo:i,customLogo:o}=n;return(0,I.jsxs)(ne.Z,{hideLogo:i,children:[o&&(0,I.jsx)("img",{src:"".concat(null!==(t=null==na?void 0:null===(e=na.env)||void 0===e?void 0:"/mono/review/test-input-required-messages")&&void 0!==t?t:"/react-showcase","/assets/images/placeholder.jpg"),alt:"logo"}),a]})};var no=t(79031),ns=JSON.parse('[{"name":"Density","children":[{"name":"button"}],"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","children":[{"name":"button"}],"examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","children":[{"name":"button"}],"examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","children":[{"name":"button"}],"examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","children":[{"name":"button"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","children":[{"name":"button"}],"examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]');let nl=n=>{let{children:e,width:t,emphasis:a,placement:i,delay:o,content:s,animation:l,variant:r}=n;return(0,I.jsxs)(C.Z,{children:[e,(0,I.jsx)(no.Z,{width:t,emphasis:a,placement:i,animation:l,delay:o,variant:r,children:s})]})};var nr=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]}]');let nc=n=>{let{semantic:e,size:t,icon:a,children:i}=n;return(0,I.jsx)(J.Z,{semantic:e,size:t,icon:a,children:i})};var nd=t(73253),nb=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Behaviour","role":"group","examples":[{"name":"(Default) Static"},{"name":"Interactive Button","props":{"component":"button"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Link","props":{"component":"link"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox01"},"children":[{"name":"input","native":true,"props":{"id":"checkbox01","type":"checkbox"}}]}]},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 1","props":{"for":"radio01"},"children":[{"name":"input","native":true,"props":{"name":"radio01","id":"radio01","type":"radio"}}]}]},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 2","props":{"for":"radio02"},"children":[{"name":"input","native":true,"props":{"name":"radio02","id":"radio02","type":"radio"}}]}]},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","role":"group","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox02"},"children":[{"name":"input","native":true,"props":{"for":"checkbox02","type":"checkbox"}}]}]},{"name":"Checked","props":{"component":"checkbox","checked":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox03"},"children":[{"name":"input","native":true,"props":{"checked":true,"id":"checkbox03","type":"checkbox"}}]}]},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox04"},"children":[{"name":"input","native":true,"props":{"checked":true,"disabled":true,"id":"checkbox04","type":"checkbox"}}]}]}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon","props":{"icon":"user","noText":true}},{"name":"Icon & Text","props":{"icon":"user"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow"},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","role":"group","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"user","behaviour":"removable"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"user"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"user"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox05"},"children":[{"name":"input","native":true,"id":"checkbox05","type":"checkbox"}]}]},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio03"},"children":[{"name":"label","native":true,"content":"Interactive Radio 3","props":{"for":"radio03"},"children":[{"name":"input","native":true,"props":{"name":"radio03","id":"radio03","type":"radio"}}]}]},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02"},"children":[{"name":"label","native":true,"content":"Interactive Radio 4","props":{"for":"radio04"},"children":[{"name":"input","native":true,"props":{"name":"radio04","id":"radio04","type":"radio"}}]}]}]}]');let nu=n=>{let{semantic:e,disabled:t,children:a,icon:i,overflow:o,noText:s,behaviour:l,emphasis:r,removeButton:c,checked:d,component:b,identifier:u}=n,[h,p]=(0,L.useState)(null!=d&&d);return(0,I.jsxs)(nd.Z,{semantic:e,disabled:t,icon:i,noText:s,behaviour:l,emphasis:r,overflow:o,removeButton:c,onRemove:()=>{alert(a.toString())},children:["button"===b&&(0,I.jsx)("button",{children:a}),"link"===b&&(0,I.jsx)("a",{href:"#",children:a}),"checkbox"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"checkbox",checked:h,onChange:n=>{p(n.target.checked)}}),a]}),"radio"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"radio",checked:d,name:u}),a]}),!b&&!o&&(0,I.jsx)(I.Fragment,{children:a}),!b&&o&&(0,I.jsx)("span",{children:a})]})};var nh=t(57092),np=t(57884),nm=t(57284),ng=t(49953),nx=JSON.parse('[{"name":"Tonality","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Orientation","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"horizontal","props":{"orientation":"horizontal"}},{"name":"vertical","props":{"orientation":"vertical"}}]},{"name":"Width","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"}}]},{"name":"Overflow","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true}}]},{"name":"Examples","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"}}]}]');let nv=n=>{let{children:e,orientation:t,width:a,alignment:i,overflow:o,behaviour:s,initialSelectedMode:l,initialSelectedIndex:r}=n;return(0,I.jsxs)("div",{className:"w-full",children:[(0,I.jsxs)(J.Z,{icon:"none",size:"small",semantic:"informational",children:[e,":"]}),(0,I.jsxs)(nh.Z,{orientation:t,width:a,alignment:i,behaviour:s,initialSelectedIndex:r,initialSelectedMode:l,arrowScrollDistance:75,children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Test 1"}),(0,I.jsx)(nm.Z,{children:"Test 2"}),(0,I.jsx)(nm.Z,{children:"Test 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nm.Z,{children:"Test 4"}),(0,I.jsx)(nm.Z,{children:"Test 5"})]})]}),(0,I.jsx)(ng.Z,{children:"Tab Panel 1"}),(0,I.jsx)(ng.Z,{children:"Tab Panel 2"}),(0,I.jsx)(ng.Z,{children:"Tab Panel 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ng.Z,{children:"Tab Panel 4"}),(0,I.jsx)(ng.Z,{children:"Tab Panel 5"})]})]})]})};var nD=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 nB=n=>{let{children:e,active:t,noText:a,icon:i,iconAfter:o,disabled:s}=n;return(0,I.jsx)(np.Z,{children:(0,I.jsx)(nm.Z,{active:t,noText:a,icon:i,iconAfter:o,disabled:s,children:e})})};var nj=n=>(0,I.jsx)(M,{title:"DBTabItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:W(nD,nB,n.slotCode)}),nf=t(1689),nT=JSON.parse('[{"name":"Density","role":"group","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","role":"group","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","role":"group","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","role":"group","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","role":"group","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true}}]},{"name":"Content","role":"group","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]');let nw=n=>{let{label:e,size:t,name:a,checked:i,required:o,children:s,disabled:l,indeterminate:r,variant:c}=n;return(0,I.jsx)(nf.Z,{label:e,size:t,name:a,defaultChecked:i,required:o,disabled:l,variant:c,indeterminate:r,children:s})};var ny=t(49475),nk=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":"Datalist","props":{"label":"Label","dataList":true}}]},{"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"}},{"name":"Datalist","props":{"label":"Label","variant":"floating","dataList":true}}]}]');let nZ=n=>"floating"===n?["Test 1","Test 2"]:[{value:"test1",label:"Test 1"},{value:"test2",label:"Test 2"}],nN=n=>{let{label:e,value:t,type:a,minLength:i,required:o,disabled:s,iconAfter:l,icon:r,children:c,message:d,variant:b,readOnly:u,dataList:h}=n;return(0,I.jsx)(ny.Z,{label:e,message:d,placeholder:c,variant:b,defaultValue:t,type:a,minLength:i,required:o,disabled:s,readOnly:u,iconAfter:l,icon:r,dataList:h?nZ(b):void 0})};var nI=t(78016),nC=JSON.parse('[{"name":"Density","role":"radiogroup","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","role":"radiogroup","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","role":"radiogroup","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","role":"radiogroup","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","role":"radiogroup","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","role":"radiogroup","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]');let nL=n=>{let{label:e,size:t,name:a,checked:i,required:o,children:s,disabled:l,value:r,variant:c}=n;return(0,I.jsx)(nI.Z,{label:e,size:t,name:a,defaultChecked:i,required:o,disabled:l,variant:c,value:r,children:s})};var nH=t(79081),n_=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","selected":true},{"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","selected":true},{"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 nP=n=>{let{children:e,label:t,options:a,icon:i,message:o,disabled:s,value:l,required:r,variant:c}=n,[d,b]=(0,L.useState)(l);return(0,I.jsx)(nH.Z,{label:t,placeholder:e,options:a,disabled:s,variant:c,icon:i,value:d,onChange:n=>{b(n.target.value)},message:o,required:r,children:e})};var nA=t(55025),nR=JSON.parse('[{"name":"Density","examples":[{"name":"functional","className":"db-density-functional"},{"name":"regular (Default)","className":"db-density-regular"},{"name":"expressive","className":"db-density-expressive"}]},{"name":"States","examples":[{"name":"(Def) Enabled"},{"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"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label"},{"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 nS=n=>{let{children:e,checked:t,visualAid:a,disabled:i,variant:o,emphasis:s,size:l,icon:r,iconAfter:c}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nA.Z,{visualAid:a,defaultChecked:t,disabled:i,variant:o,size:l,emphasis:s,icon:r,iconAfter:c,children:e}),"hidden"===o&&(0,I.jsx)(J.Z,{semantic:"informational",icon:"none",children:e})]})};var nE=t(22723),nO=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 nF=n=>{let{cols:e,disabled:t,message:a,label:i,placeholder:o,rows:s,value:l,readOnly:r,required:c,children:d,variant:b}=n,[u,h]=(0,L.useState)(l);return(0,I.jsx)(nE.Z,{cols:e,disabled:t,message:a,label:i,variant:b,readOnly:r,onChange:n=>{h(n.target.value)},required:c,placeholder:null!=o?o:d,rows:s,value:u})};var nM=t(99242),nV=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"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"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"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"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"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Timed","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Timed & Cloaseable","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Icon & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","timestamp":"10 min ago","variant":"overlay"}}]}]'),nW=t(34406);let nz=()=>{var n,e;return(null==nW?void 0:null===(n=nW.env)||void 0===n?void 0:"/mono/review/test-input-required-messages")?"/mono/review/test-input-required-messages":null===(e=window.env)||void 0===e?void 0:e.BASE_URL},nU=n=>{let{semantic:e,icon:t,headline:a,variant:i,children:o,behaviour:s,link:l,timestamp:r,linkVariant:c,img:d}=n;return(0,I.jsx)(nM.Z,{semantic:e,icon:t,headline:a,link:l?(0,I.jsx)(P.Z,{href:"#",children:"Textlink"}):void 0,image:d?(0,I.jsx)("img",{src:"".concat(nz(),"/assets/images/placeholder.jpg"),alt:"Placeholder"}):void 0,variant:i,behaviour:s,linkVariant:c,timestamp:r,onClose:()=>{alert(o.toString())},children:o})};var nq=t(82919),nJ=t(74819),nG=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small"},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","content":"","props":{"noContent":true}},{"name":"Dot - Medium","content":"","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","content":"","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","content":"","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","content":"","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","content":"","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","content":"","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","content":"","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]');let nY=n=>{let{children:e,semantic:t,emphasis:a,noContent:i,size:o,placement:s,example:l}=n;return(0,I.jsxs)(I.Fragment,{children:[!s&&!l&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nq.Z,{semantic:t,emphasis:a,size:o,children:i?"":e}),i&&(0,I.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),s&&"inline"!==s&&!l&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(C.Z,{icon:"user",variant:"outlined",noText:!0,children:[(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"critical",placement:s}),e]}),(0,I.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),"inline"===s&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)("div",{className:"badge-inline-container",children:[(0,I.jsx)(nJ.Z,{icon:"user"}),(0,I.jsx)("span",{children:e}),(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,I.jsx)(nJ.Z,{icon:"error"})]})}),"icon"===l&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nq.Z,{semantic:"critical",emphasis:"strong",size:o,children:(0,I.jsx)(nJ.Z,{icon:"user",children:e})}),(0,I.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),"number"===l&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nq.Z,{semantic:"successful",children:"9"}),(0,I.jsx)(nq.Z,{semantic:"informational",children:"12"}),(0,I.jsx)(nq.Z,{semantic:"warning",children:"123"}),(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,I.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]})]})};var n$=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"},{"name":"functional","className":"db-density-functional"}]},{"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"},{"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 nK=n=>{let{behaviour:e,children:t,spacing:a,elevationLevel:i}=n;return(0,I.jsx)(H.Z,{behaviour:e,spacing:a,elevationLevel:i,children:(0,I.jsx)("strong",{children:t})})};var nQ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"content":"","className":"db-density-functional"},{"name":"(Default) Regular","style":{"width":"200px"},"content":"","className":"db-density-regular"},{"name":"Expressive","style":{"width":"200px"},"content":"","className":"db-density-expressive"}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"content":""},{"name":"Adaptive - Vertical","style":{"height":"100px"},"content":"","props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"content":""},{"name":"Strong","style":{"width":"200px"},"content":"","props":{"emphasis":"strong"}}]}]');let nX=n=>{let{variant:e,emphasis:t,children:a}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(J.Z,{size:"small",semantic:"informational",children:a}),(0,I.jsx)(_.Z,{variant:e,emphasis:t})]})};var n0=t(37402),n1=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Expressive","className":"db-density-expressive","props":{"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Full","props":{"width":"full","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Rounded","props":{"rounded":true,"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Small","props":{"spacing":"small","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Large","props":{"spacing":"large","open":"open","onClose":"toggleDrawer(false)"}},{"name":"No spacing","props":{"spacing":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Backdrop-weak","props":{"backdrop":"weak","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Invisible","props":{"backdrop":"invisible","open":"open","onClose":"toggleDrawer(false)"}},{"name":"No Backdrop","props":{"backdrop":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Left","props":{"direction":"left","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Up","props":{"direction":"up","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Down","props":{"direction":"down","open":"open","onClose":"toggleDrawer(false)"}}]}]');let n3=n=>{let{id:e,width:t,rounded:a,spacing:i,openDrawer:o,setOpenDrawer:s,direction:l,children:r,backdrop:c}=n;return(0,I.jsxs)("div",{children:[(0,I.jsx)(n0.Z,{rounded:a,width:t,spacing:i,backdrop:c,direction:l,open:o===e,onClose:()=>{s(void 0)},children:r}),(0,I.jsxs)(C.Z,{onClick:()=>{s(e)},children:["Open: ",r]})]})};var n2=t(82664),n4=t(33759),n5=t(39120),n7=JSON.parse('[{"name":"Tonality","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"user","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"user"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"user","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"100%","display":"block"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"100%","display":"block"}},{"name":"Expressive","className":"db-density-expressive","style":{"width":"100%","display":"block"}}]},{"name":"Width","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"user","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"user"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"user","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Behaviour","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"user","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"user"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"user","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"}}]},{"name":"Examples","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"user","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"user"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"user","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"With Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":true}},{"name":"Without Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":false}},{"name":"Without Application Name","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":true}},{"name":"Without Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":false}}]}]');let n8=n=>{let{drawerOpen:e,forceMobile:t,burgerMenuLabel:a,children:i,className:o,describedbyid:s,id:l,key:r,onToggle:c,width:d,example:b,withNavigation:u,withName:h}=n;return(0,I.jsx)(n2.Z,{width:d,brand:(0,I.jsx)(ne.Z,{title:"DBHeader",children:(!b||h)&&"DBHeader"}),metaNavigation:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(P.Z,{href:"#",children:"Imprint"}),(0,I.jsx)(P.Z,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,I.jsx)(C.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(C.Z,{icon:"user",variant:"ghost",noText:!0,children:"Profile"}),(0,I.jsx)(C.Z,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,I.jsx)(C.Z,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:e,forceMobile:t,burgerMenuLabel:a,className:o,describedbyid:s,id:l,onToggle:c,children:(!b||u)&&(0,I.jsxs)(n4.Z,{"aria-label":i,children:[(0,I.jsx)(n5.Z,{icon:"user",children:(0,I.jsx)("a",{href:"#",children:i})}),(0,I.jsx)(n5.Z,{disabled:!0,children:(0,I.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},r)};var n6=t(55327),n9=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium"},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}}]}]');let en=n=>{let{width:e,spacing:t,children:a}=n;return(0,I.jsx)(n6.Z,{className:"db-informational-bg-lvl-2",spacing:t,width:e,children:a})};var ee=JSON.parse('[{"name":"Density","children":[{"name":"navigation-item","content":"Navi-Item 1","props":{"active":true},"children":[{"name":"navigation-item","content":"Sub-Navi-Item 1","slot":"sub-navigation","props":{"active":true},"children":[{"name":"navigation-item","content":"Sub-Sub-Navi-Item 1","slot":"sub-navigation","props":{"active":true}}]}]},{"name":"navigation-item","content":"Navi-Item 2"}],"examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]}]');let et=n=>{let{children:e}=n,t="".concat(e.replaceAll(/\W/g,"_").toLowerCase());return(0,I.jsxs)("div",{children:[(0,I.jsx)(J.Z,{id:t,size:"small",semantic:"informational",icon:"none",children:e}),(0,I.jsxs)(n4.Z,{labelledBy:t,children:[(0,I.jsx)(n5.Z,{active:!0,subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n5.Z,{active:!0,subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n5.Z,{active:!0,children:(0,I.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,I.jsx)(n5.Z,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,I.jsx)(n5.Z,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,I.jsx)(n5.Z,{icon:"user",children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,I.jsx)(n5.Z,{disabled:!0,children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};var ea=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed"},{"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"}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"}}]}]');let ei=n=>{let{children:e,icon:t,disabled:a,active:i,width:o,areaPopup:s}=n;return(0,I.jsx)("ul",{children:(0,I.jsx)(n5.Z,{icon:t,disabled:a,active:i,width:o,onClick:()=>{alert(e.toString())},subNavigation:s&&(0,I.jsxs)("ul",{children:[(0,I.jsx)(n5.Z,{children:(0,I.jsx)("a",{href:"#",children:"Test1"})}),(0,I.jsx)(n5.Z,{children:(0,I.jsx)("a",{href:"#",children:"Test2"})})]}),children:s?e:(0,I.jsx)("a",{href:"#",children:e})})})};var eo=n=>(0,I.jsx)(M,{title:"DBNavigationItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:W(ea,ei,n.slotCode)}),es=t(60029),el=JSON.parse('[{"name":"Density","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"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","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]');let er=n=>{let{id:e,children:t,width:a,gap:i,spacing:o,placement:s,delay:l,content:r,animation:c}=n;return(0,I.jsx)(es.Z,{trigger:(0,I.jsx)(C.Z,{children:t}),width:a,gap:i,spacing:o,placement:s,animation:c,delay:l,id:e,children:null!=r?r:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("ul",{className:"popover-list",children:[(0,I.jsx)("li",{children:"Popover Custom Item 1"}),(0,I.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,I.jsx)(C.Z,{children:"Popover Custom Item 3"})]})})};var ec=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ed=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Outlined - Adaptive "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Outlined - Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Outlined - Adaptive "),navigator.clipboard.writeText(" (Default) Outlined - Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Outlined - Adaptive\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Outlined - Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Outlined - Adaptive\n"),navigator.clipboard.writeText("\n(Default) Outlined - Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled - Adaptive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled - Adaptive '),navigator.clipboard.writeText(' Filled - Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled - Adaptive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled - Adaptive\n'),navigator.clipboard.writeText('\nFilled - Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Ghost - Adaptive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Ghost - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Ghost - Adaptive '),navigator.clipboard.writeText(' Ghost - Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nGhost - Adaptive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nGhost - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nGhost - Adaptive\n'),navigator.clipboard.writeText('\nGhost - Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},eb=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Enabled "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Enabled "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Enabled "),navigator.clipboard.writeText(" (Default) Enabled ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Enabled\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Enabled\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Enabled\n"),navigator.clipboard.writeText("\n(Default) Enabled\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},eu=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eh=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},ep=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Auto Width "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Auto Width "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Auto Width "),navigator.clipboard.writeText(" (Default) Auto Width ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Auto Width\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Auto Width\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Auto Width\n"),navigator.clipboard.writeText("\n(Default) Auto Width\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Width full'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},em=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eg=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Adaptive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Adaptive '),navigator.clipboard.writeText(' (Default) Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Adaptive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Adaptive\n'),navigator.clipboard.writeText('\n(Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},ex=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Enabled (Default)/Hover/Pressed '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Enabled (Default)/Hover/Pressed '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Enabled (Default)/Hover/Pressed '),navigator.clipboard.writeText(' Enabled (Default)/Hover/Pressed ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},ev=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eD=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Internal '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Internal '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Internal '),navigator.clipboard.writeText(' (Default) Internal ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Internal\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Internal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Internal\n'),navigator.clipboard.writeText('\n(Default) Internal\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' External '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' External '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' External '),navigator.clipboard.writeText(' External ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'External'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'External'===n?"check":"copy",variant:"ghost",onClick:()=>{e('External'),navigator.clipboard.writeText('External')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExternal\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExternal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExternal\n'),navigator.clipboard.writeText('\nExternal\n')},children:"Copy code"})]})]})})]})},eB=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},ej=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},ef=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},eT=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n
Functional
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n
Functional
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n
Functional
\n'),navigator.clipboard.writeText('\n Functional\n
Functional
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
(Default) Regular
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
(Default) Regular
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n (Default) Regular\n
(Default) Regular
\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
(Default) Regular
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n
Expressive
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n
Expressive
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n
Expressive
\n'),navigator.clipboard.writeText('\n Expressive\n
Expressive
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ew=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},ey=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Collapsed\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Collapsed\n'),navigator.clipboard.writeText('\n(Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Open '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Open '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Open '),navigator.clipboard.writeText(' Open ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Open\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nOpen\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nOpen\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nOpen\n'),navigator.clipboard.writeText('\nOpen\n')},children:"Copy code"})]})]})})]})},ek=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) With Logo "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) With Logo "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) With Logo "),navigator.clipboard.writeText(" (Default) With Logo ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) With Logo
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) With Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) With Logo
'),navigator.clipboard.writeText('
(Default) With Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) With Logo\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) With Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) With Logo\n"),navigator.clipboard.writeText("\n(Default) With Logo\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Logo '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' No Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Logo '),navigator.clipboard.writeText(' No Logo ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
No Logo
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
No Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
No Logo
'),navigator.clipboard.writeText('
No Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"No Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Logo\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNo Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Logo\n'),navigator.clipboard.writeText('\nNo Logo\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Custom Logo '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Custom Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Custom Logo '),navigator.clipboard.writeText(' Custom Logo ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Custom Logo
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Custom Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Custom Logo
'),navigator.clipboard.writeText('
Custom Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCustom Logo\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCustom Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCustom Logo\n'),navigator.clipboard.writeText('\nCustom Logo\n')},children:"Copy code"})]})]})})]})},eN=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eC=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eL=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},e_=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eA=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})})]})},eR=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eS=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eE=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Weak "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Weak "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Weak "),navigator.clipboard.writeText(" (Default) Weak ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Weak
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Weak
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Weak
'),navigator.clipboard.writeText('
(Default) Weak
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Weak\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Weak\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Weak\n"),navigator.clipboard.writeText("\n(Default) Weak\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Strong '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Strong '),navigator.clipboard.writeText(' Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Strong
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Strong
'),navigator.clipboard.writeText('
Strong
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nStrong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nStrong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nStrong\n'),navigator.clipboard.writeText('\nStrong\n')},children:"Copy code"})]})]})})]})},eO=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Adaptive
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Adaptive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Adaptive
'),navigator.clipboard.writeText('
(Default) Adaptive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Neutral
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Neutral
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Neutral
'),navigator.clipboard.writeText('
Neutral
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Critical
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Critical
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Critical
'),navigator.clipboard.writeText('
Critical
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Informational
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Informational
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Informational
'),navigator.clipboard.writeText('
Informational
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Successful
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Successful
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Successful
'),navigator.clipboard.writeText('
Successful
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Warning
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Warning
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Warning
'),navigator.clipboard.writeText('
Warning
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Adaptive Strong '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Adaptive Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Adaptive Strong '),navigator.clipboard.writeText(' Adaptive Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Adaptive Strong
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Adaptive Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Adaptive Strong
'),navigator.clipboard.writeText('
Adaptive Strong
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nAdaptive Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nAdaptive Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nAdaptive Strong\n'),navigator.clipboard.writeText('\nAdaptive Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral Strong '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Neutral Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral Strong '),navigator.clipboard.writeText(' Neutral Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Neutral Strong\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Neutral Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Neutral Strong\n
'),navigator.clipboard.writeText('
\n Neutral Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNeutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral Strong\n'),navigator.clipboard.writeText('\nNeutral Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical Strong '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Critical Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical Strong '),navigator.clipboard.writeText(' Critical Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Critical Strong\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Critical Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Critical Strong\n
'),navigator.clipboard.writeText('
\n Critical Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCritical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical Strong\n'),navigator.clipboard.writeText('\nCritical Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Informational Strong\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Informational Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Informational Strong\n
'),navigator.clipboard.writeText('
\n Informational Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nInformational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational Strong\n'),navigator.clipboard.writeText('\nInformational Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful Strong '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Successful Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful Strong '),navigator.clipboard.writeText(' Successful Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Successful Strong\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Successful Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Successful Strong\n
'),navigator.clipboard.writeText('
\n Successful Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSuccessful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful Strong\n'),navigator.clipboard.writeText('\nSuccessful Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning Strong '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Warning Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning Strong '),navigator.clipboard.writeText(' Warning Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Warning Strong\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Warning Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Warning Strong\n
'),navigator.clipboard.writeText('
\n Warning Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning Strong\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWarning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning Strong\n'),navigator.clipboard.writeText('\nWarning Strong\n')},children:"Copy code"})]})]})})]})},eF=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Static "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Static "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Static "),navigator.clipboard.writeText(" (Default) Static ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Static
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Static
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Static
'),navigator.clipboard.writeText('
(Default) Static
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Static\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Static\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Static\n"),navigator.clipboard.writeText("\n(Default) Static\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
'),navigator.clipboard.writeText('
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Interactive Link
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Interactive Link
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Interactive Link
'),navigator.clipboard.writeText('
Interactive Link
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Removeable '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Removeable '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Removeable '),navigator.clipboard.writeText(' Removeable ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Removeable\n Remove tag\n \n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Removeable\n Remove tag\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Removeable\n Remove tag\n \n
'),navigator.clipboard.writeText('
\n Removeable\n Remove tag\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRemoveable\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRemoveable\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRemoveable\n'),navigator.clipboard.writeText('\nRemoveable\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eV=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Text
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Text
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Text
'),navigator.clipboard.writeText('
(Default) Text
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Icon
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Icon
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon
'),navigator.clipboard.writeText('
Icon
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Icon & Text
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Icon & Text
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon & Text
'),navigator.clipboard.writeText('
Icon & Text
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})})]})},eW=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) No Overflow "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) No Overflow "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) No Overflow "),navigator.clipboard.writeText(" (Default) No Overflow ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) No Overflow
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) No Overflow
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) No Overflow
'),navigator.clipboard.writeText('
(Default) No Overflow
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) No Overflow\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) No Overflow\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) No Overflow\n"),navigator.clipboard.writeText("\n(Default) No Overflow\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' With Overflow (max-width) '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' With Overflow (max-width) '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' With Overflow (max-width) '),navigator.clipboard.writeText(' With Overflow (max-width) ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
With Overflow (max-width)
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
With Overflow (max-width)
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
With Overflow (max-width)
'),navigator.clipboard.writeText('
With Overflow (max-width)
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===n?"check":"copy",variant:"ghost",onClick:()=>{e("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWith Overflow (max-width)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWith Overflow (max-width)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWith Overflow (max-width)\n'),navigator.clipboard.writeText('\nWith Overflow (max-width)\n')},children:"Copy code"})]})]})})]})},ez=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Link\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Interactive Link\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Interactive Link\n
'),navigator.clipboard.writeText('
\n Interactive Link\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eU=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eq=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eJ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eG=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eY=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.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,I.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'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e$=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n functionalFunctional\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n functionalFunctional\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n functionalFunctional\n
    • '),navigator.clipboard.writeText('
  • \n functionalFunctional\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Regular(Default)\n Regular\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Regular(Default)\n Regular\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Regular(Default)\n Regular\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Regular(Default)\n Regular\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n expressiveExpressive\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n expressiveExpressive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n expressiveExpressive\n
    • '),navigator.clipboard.writeText('
  • \n expressiveExpressive\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Enabled(Default)\n Enabled\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Enabled(Default)\n Enabled\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' active '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' active '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' active '),navigator.clipboard.writeText(' active ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n activeactive\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n activeactive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activeactive\n
    • '),navigator.clipboard.writeText('
  • \n activeactive\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n active\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nactive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nactive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nactive\n'),navigator.clipboard.writeText('\nactive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' disabled '),navigator.clipboard.writeText(' disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n activedisabled\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n activedisabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activedisabled\n
    • '),navigator.clipboard.writeText('
  • \n activedisabled\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\ndisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\ndisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\ndisabled\n'),navigator.clipboard.writeText('\ndisabled\n')},children:"Copy code"})]})]})})]})},eQ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Text(Default)\n Text\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Text(Default)\n Text\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Text(Default)\n Text\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Text(Default)\n Text\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Leading)\n'),navigator.clipboard.writeText('\nText - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Trailing)\n'),navigator.clipboard.writeText('\nText - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},eX=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Auto Width '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Auto Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto Width '),navigator.clipboard.writeText(' (Default) Auto Width ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto Width\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Auto Width\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto Width\n'),navigator.clipboard.writeText('\n(Default) Auto Width\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n Width fullWidth\n full\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n Width fullWidth\n full\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n Width fullWidth\n full\n
    • '),navigator.clipboard.writeText('
  • \n Width fullWidth\n full\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},e0=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Left '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Left '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Left '),navigator.clipboard.writeText(' Left ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nLeft\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nLeft\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLeft\n'),navigator.clipboard.writeText('\nLeft\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCentered\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCentered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCentered\n'),navigator.clipboard.writeText('\nCentered\n')},children:"Copy code"})]})]})})]})},e1=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e3=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},e2=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Unchecked '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Unchecked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Unchecked '),navigator.clipboard.writeText(' (Default) Unchecked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Unchecked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Unchecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Unchecked\n'),navigator.clipboard.writeText('\n(Default) Unchecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Unchecked - Invalid '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Unchecked - Invalid '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Unchecked - Invalid '),navigator.clipboard.writeText(' Unchecked - Invalid ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nUnchecked - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nUnchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nUnchecked - Invalid\n'),navigator.clipboard.writeText('\nUnchecked - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Checked '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Checked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Checked '),navigator.clipboard.writeText(' Checked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nChecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked\n'),navigator.clipboard.writeText('\nChecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nChecked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked - Valid\n'),navigator.clipboard.writeText('\nChecked - Valid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Indeterminate '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Indeterminate '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Indeterminate '),navigator.clipboard.writeText(' Indeterminate ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate\n'),navigator.clipboard.writeText('\nIndeterminate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Invalid\n'),navigator.clipboard.writeText('\nIndeterminate - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Valid\n'),navigator.clipboard.writeText('\nIndeterminate - Valid\n')},children:"Copy code"})]})]})})]})},e4=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},e5=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired - Indeterminate\n'),navigator.clipboard.writeText('\nRequired - Indeterminate\n')},children:"Copy code"})]})]})})]})},e7=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label '),navigator.clipboard.writeText(' (Default) Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label\n'),navigator.clipboard.writeText('\n(Default) Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' No Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Label '),navigator.clipboard.writeText(' No Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNo Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Label\n'),navigator.clipboard.writeText('\nNo Label\n')},children:"Copy code"})]})]})})]})},e8=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e6=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label Above '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Label Above '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label Above '),navigator.clipboard.writeText(' (Default) Label Above ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label Above\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Label Above\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label Above\n'),navigator.clipboard.writeText('\n(Default) Label Above\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFloating Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFloating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFloating Label\n'),navigator.clipboard.writeText('\nFloating Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Hidden Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Hidden Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Hidden Label '),navigator.clipboard.writeText(' Hidden Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHidden Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nHidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHidden Label\n'),navigator.clipboard.writeText('\nHidden Label\n')},children:"Copy code"})]})]})})]})},e9=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Basic '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Basic '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Basic '),navigator.clipboard.writeText(' (Default) Basic ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Basic\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Basic\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Basic\n'),navigator.clipboard.writeText('\n(Default) Basic\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Helper Message '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Helper Message '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Helper Message '),navigator.clipboard.writeText(' Helper Message ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHelper Message\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nHelper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHelper Message\n'),navigator.clipboard.writeText('\nHelper Message\n')},children:"Copy code"})]})]})})]})},tn=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},te=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},tt=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled Number '),navigator.clipboard.writeText(' Filled Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled Number\n'),navigator.clipboard.writeText('\nFilled Number\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Text - Leading Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Text - Leading Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Leading Icon '),navigator.clipboard.writeText(' Text - Leading Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Trailing Icon\n')},children:"Copy code"})]})]})})]})},ta=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})})]})},ti=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datetime Local '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Datetime Local '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datetime Local '),navigator.clipboard.writeText(' Datetime Local ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datalist '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Datalist '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datalist '),navigator.clipboard.writeText(' Datalist ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})})]})},to=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})})]})},ts=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'