import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
import { d as defineCustomElement$4 } from './p-Cv0O724A.js';
import { d as defineCustomElement$3 } from './p-eRUnjfro.js';
import { d as defineCustomElement$2 } from './p-Dtjf-x_g.js';

const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h("div", { key: '8d5b0bf0ffe91d54319d79419d78794839ae5bce' }, h("h1", { key: '904baee3fe3a31df43942b4c5e62779eabb3c756' }, "Tag Example"), h("div", { key: '16ca3edb3c8ba8cf45ce6239218a0cbf7f419602', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4898491d0d92dcd2cb2e3c1c060fb86201a8e007', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'a0d19fe7e102c57f894ff8941e7b1be6c06394c2', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: 'd8b40c4887c326747f1e8bf9a8c8fd9789aef501', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '04a4b44620a810887b9990a317417492d8f20fba', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '8c6054310c24aaac0dcd1f7aff3679fe244fffd4', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '2ed07a4a614ebe6c40647cd5ea813db3bc33ecd4', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '70b566b117528e3b285b769b2d69eda5774ba0b2', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '534a87717e9b48f4fa978bb68bf0ff6589610e7f', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '91a0275751e3bebf92e7f61a25170d9615e5366a', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: 'a375c21d32b08f7d60f15d304e9154520a1f2a69', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } })), h("div", { key: 'd604f8a0219de48276167cabf38b7c08fe5c1beb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'cd897bcd07b0bbeb57962a12a935e802d06bc563', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: 'c946a6f0267f61527c6163823a856862b9c08e9d', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '7c00442e4e22fc8d05d5b55fb242a29f91b56f73', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-status-tag", { key: 'b480425e51c509b46c2adf2be8f2c9176fe6151a', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '93fe1a247a3fd9857b35270178e00622cdd09e2a', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '0c41efa2767625c85e74158fc8a99d16025f020d', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '06ab85a65a83544212e8a6580f25225954287198', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '50db926fffe424ebbf54885ab6823743249ee2fc', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '3b269d185b145fba9b14ce7ff27125924b536ae1', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '06ad67dc8231a94c7212064f71d1dcb23e55a384', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '02fe1ba87e2a6d04e6a150e89a4d5089c5294941', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '2ef59dd96bdefde14543c6d22824f0aed500e381', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '02f7c36b9c1249905c2de0a025dc5c5a7d9bbcbf', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'd8091fd7ca181b4eeb5be23587721dd288fcca4a', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'c4c02d5a96dcfc04e2fd000c385f3cda13f0f9be', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '56d75dc3126345595ec7e929fea84f27ff19b9e7', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '08d3e52bbe1f4c3eb00ed7a0436f50d2cc719dcf', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '1b77e47cb0120fbe039b67f3cdd8505faad46a4e', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'e9afd4e7922d7edb59301a54e90f5e5d49b3ee26', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '68a51e0ba4a77dfc5b3909dd316a6be48c1e74e4', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'aff60c33d7bbdcf3ea27d87cb44c93db9ac20a4f', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '35f1d65f84faacfe565016967b671a815d094c13', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'ea9725f96ab2652ccd49380b702bd3085243d200', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '74ec267d1c1e5dcf1e284f7667c82180bfaa44fd', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '8221e06affda418ca60606a6b29c9074ec0a44d2', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd853cf7734199821df4ca6a4d2fe7dcca79e1fbf', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b6c4d1abef2afb4e658513cd068d212436f02c9a', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '1eafde54157635bf198140474be7bc3c3d8d5216', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '9e5b67f79d678ca7947bd143f52f936227227503', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '3e33ce67019365e02fa127acce9d912c71b21a59', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '317eea36c092d44cf9a2b46ece036ba971426f9e', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '5daa6ae56e7072d3330d6bce922aaafa59b68966', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '9c5cf86f6b157be9342071a7f4212089940286a1', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '7ad83afa441ab44352f936cec4ecfaf42e07f051', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '63136a65a2c8f1da5239da4e200c6e20d6f19f7e', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '49e7b25dd771423010d4accd7bb4524c9939eb6f', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'b81fadeeb7bff729f002267e43a867fecbc1a48a', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '5234f645c59e171c16944d0b9d79a2b8224c3034', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'eacb3e7c31a56f22f29a1ed9c6b2462d2c7921d8', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '760b6c07eea03b8ed08eaab6e4dd4519b0a97406', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '57317dea39abc69bbe2de453323bb316390a54b1', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '7326ec806d7dacf8bc97a8a5120f5700a0fd7c0a', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '01aceaa980a4cf48ec9b6c891482380217c2b459', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'af58a7953e9a4525578d404a25447caee28e1a83', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '559da5dba333b2a6d4ced85626f52fd1f217f549', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'd630ccfbbfda7c95cf2fa23bf5af9572834d7a4d', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'af413e47e2d6814d2cd4e4fc3ae3a661346a821b', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0faae6c54703f2ab6f8846236eb92ae252675698', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
    }
}, [0, "dga-tag-usage"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-tag-usage", "dga-icon-v2", "dga-status-tag", "dga-tag"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-tag-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaTagUsage$1);
            }
            break;
        case "dga-icon-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-status-tag":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-tag":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaTagUsage = DgaTagUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaTagUsage, defineCustomElement };
