@platformscode/core 0.0.42 → 0.0.44

package/dist/components/dga-tag-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$3 } from './p-DbEwSqlS.js';
-import { d as defineCustomElement$2 } from './p-C8Ozv32x.js';
+import { d as defineCustomElement$4 } from './p-DelImzb3.js';
+import { d as defineCustomElement$3 } from './p-DB1Uv1pg.js';
+import { d as defineCustomElement$2 } from './p-CP1F2Tkq.js';
 
 const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '32672543c969115516825e9ec14541d7de216918' }, h("h1", { key: '817d3c1aabec9c0731f8eaec75ebb4cf66b93fec' }, "Tag Example"), h("div", { key: 'f6d2eceb378c69190482486efe1840478d55cd8d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1c465f21b9491664dab5f71f591e457b5af6d8bf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '9dd3a5a9d58991b434fc2c76605d57f9bbd44250', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
+        return (h("div", { key: '9737d34d9d5b67c71c15e87e2fc7976041513b1a' }, h("h1", { key: '532ac6a2725afd5dd4ff72c5e06cc3fed3859550' }, "Tag Example"), h("div", { key: '038f3ef0dc03a7d16978a4608b9a766b633bb8d8', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c8a13341c6ad1afc6bbaa1049052799df5065bba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'f5dec2f830ccd24e34ff16a2e5eb02df15b99703', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -19,7 +19,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'c2396e9dcad6dda35909ca8c28adee4bbc0e9f8b', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'd1214391d7ca3eba2da0bdacd859d09d15f91599', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -29,7 +29,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'ad8e7962e774553d9f659a20a5ccb49949aae750', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '140b50538c783093d95a96c85f5f4a2b8a3a3e21', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -39,7 +39,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '4e08dd659ae49b94b1907586dc322a14638bf48d', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: 'cfe7b458d3186578b315474e8ad4f4b3afce5da7', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -49,7 +49,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '6ef0ea05daace8c83f44f12346efa04b7622ca53', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'f94c18df75c980a3235c19f7d7b56d37a66d5278', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -59,7 +59,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '1ad4a0a557599c6b9f7aa14276d7772c918772f4', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: 'd35a9d0b97fea00a53974c11ccc49284c5db3bba', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -69,7 +69,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '548b19f2a4d8cb07c620ca2c029511692780f2eb', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: 'be90c798363211b0352c1dfa0edd0d980ef4a2d5', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -79,7 +79,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '6ff34da2b7d27745ec3081aa26f67cc08c04d4b6', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'af169fcf71dd2d00e25dda5aa9ff9f0bc312f670', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -89,7 +89,7 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '33befe09d8e85d8b4281b78334ca47effc6825f9', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '54fc6aa7e7a0c07cae432e14e58e70d48bc864fb', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -99,22 +99,22 @@ const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } })), h("div", { key: 'a0283d5a284a5a449653b5e42c7d0052ddacbdb2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '995ced96a992938b1b5062c5edbce53a8cc8ef09', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } })), h("div", { key: 'd625247a05ab98acfeb506c0aee7cd9f76712fd2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'd4e1ba036458c575fe22548c4baf671ff70c8837', 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: '9bc50a9084c41e205f397ea775503c545131cce5', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '67c15c7e845cbf8caa2994733cace7555cdcd6a7', 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: '0fcd7fd3b0137f08018e8ba5cb8486e285de6ed4', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '8564cd8053a4fb3dea30c9b5eb633a42e8822001', 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: 'e184ceb403fcfe5cbc503e8a1d68f7087da58df2', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'b34047157c6b7978d3d29ba34441b16cef81361b', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'e512b6503f305b6bf12734d76ab0a00b0071ecbb', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '122b4141879f47340f242259a340c40056897901', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '6b5183b8decacb29f74d69bf283afd9a6dd0ed36', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '5131fc47a42548a4f0131490baaf69efc67347be', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '56fafd7d5d28e53c11374187b113a135840f888b', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'bec7cb31e65ff79c987ba498911eaf90a4501ed4', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '7a5084933d7f7348446cfb516652ae71de063d64', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '94fdc21f37b46f34c8319c6eb9651c5a0a05c7ef', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'f2c9c2827f9bcc1b4c43bc68f8adaaaf6feb457f', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'eaceceb9df7830cf3ca931abb4bae1d18340a8b9', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '4a3cf6f1f02c0eb6bd35b7ebbb8e526aaf773456', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '68594394fadca45b7d7cc3b35adda1f163afc558', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '5eadefbe3f3d1cd84b3a8210dd77b3023ad101cf', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '69a393bca5196de21aa0d247e71e1155000f4376', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'b97510b0910aa64ed112a2d39839632b0f644b4c', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'f46c3087c6afa773187de281082e8a503d2b72af', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'ce47d46b9030348946c7e098c032d5634a8231c4', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'c3bdc3ffa65e8db0111fa21472b69d9e77276526', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '8bdcd991a518529a0bda4519be3947962144f5a0', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'a6151153603748a9b9e9fbbb7f35e4700fdd5460', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '1d6587b017c6a4dfc80546513ef196474ef99d87', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'afdd4b43421878c5a7afaa7efeab215257bb1ad4', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'f7342fb578ca83d21f310f2a68317c3a6e7e50ac', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '6700954690480e621f52b5103c0e4f5ac04d3aa8', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'bcab231c187cb0420ca5bec9a95e51aea054abb6', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '4aab60b6795031e51abc89dc687fb402cdef84bd', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '01d9fcd93b41b14eea7a3c28979fec780690ecf3', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'ceadf5c4ea209122c97c12cd1399096cd9ec8479', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '6e7a20fd855471ae87edbabcc3d969cd4d699ec8', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '358fa27235a264b95930160dd3f2df69170cd172', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '088ecdb062ef4faa6a9fb544b564f87cca60631a', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'ec9e22566991a955c6f3a4d7ac0c7fff6372df5d', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'ea734ad0b6e30344c2cd1ae829f99b296fb76cd1', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'ac1a81b6cdb6c7896f690bbc6258b65b8b594fc7', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '1132d3a59eaf3f10bd5527c8bbec7e4dbcc7ac6a', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'ef2323125d4c4d5be028912488858d0b38a1d5d5', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'd002d41784ac9b64823e9712ea8ce1eb43fc7a14', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '1ecc0512aba2b95209eabc44c3f181a996ca6e4d', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '6d99883c292b5fa5b7974adb6e920240277c3656', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '2adc60cccd2ee3dcade25cf192bf3637e1cbb4ab', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '90469d7ccb86d1ec0ebb45094b5e375321c2fe71', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '7e41cf2e0788a4063fcf589b94431db10a03d9b1', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0ec1bf0b0180aa407015af614e7e9041b011a629', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
+            } }), h("dga-status-tag", { key: 'dfe7b7e5324ed5cc75931a5428daa56c11daca1f', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '6a16a5a88f77f0f8610405e48a6f97ed946730c9', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'aca3f515db431067be4049dea398e13236e733c7', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'dfb92bf6ab0f6f7fb8fe2e8623e023319bdb5519', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '0e460283ec3320b74095843a7957738111fdfb37', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '75c23424a4fc426eeda80a0c4b57fd396cd8f890', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'cd30a6d96c0d471a41777d3299d885b4a24546b5', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '4f46190439ebfa9530ee90a79cfc7f61d47f3b19', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '9be0588480f0c52433d23025aac24f365c0c4fa4', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '708104975a0c60588291c635908c10ef2bddc8d0', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '62aac56100e30c156905bbf15c69b249ef13a68a', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '55ddcff7f6aa0608dec2d374a7b963f92f923153', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'd4986c45a6d37fcb394d4f04bae2ad0805c4e0cf', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '7ba61a81be5c2130ca0c2a915d99f10b9b433ca4', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '4b1ee6da804131dae34ec2eec16c99923122d5b4', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'c0b73907b58989cab1598e0d7f2581d392b47177', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'bed829a22452536e14ab05002e4e9a482e41d13d', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'd315abe85953ed358311097d3fd70ba0e90a5869', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'ff32513e1d6304354b388f2e2aaa56adcabeec7a', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '29f8baecb398187ab936ca44e4ac5261163e37c2', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'd1c120242db8981a4df16dc296f7f4a74e652268', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'a01ca55318e9e3dc2c213556e7d87fec9b0b1515', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '65e6162343821e5013e34850e3ebd8af11bd474d', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '9e2d6a806094a47c03e7893a60cb25d9fe1a2748', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'ef88b81143968e969b5b2da7a456df8f0c21d802', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'd7e7cd48ec28a89fc71807ea399a7399643dd0bb', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'd9b1dd82cc6aaed0db7eafcbd9db8b8a9467bf0f', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '7d3beae416aaaa90da4bdf89bc964ad54f70fc12', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '7e0158dbc038cf2a254d4c7d41b0fff4527446fb', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '38d3600691094548fb0cba9b31653979b5e86ede', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '6cd043e3962c4e69f750f41998147de6c2816ab8', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '19c968e6168fac843d249742270f61d573692711', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '1306358b4cfd3111b8f864f38496e6e843c29ba8', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'f54cafa3d566a790f73bb91c95b416fafa2ffb78', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '1310aaca3c2c5fe8c261a7b10a5242683b40c97c', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '114baddb1c33b148e97efe1815474f11637ebf51', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '014461f0194007acdeec61c5bb82facbe421fb05', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '0e78e65932dcd3c31968dd381623b829ab1356db', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '2e172389cb08a3a05b83e6471765adb7d899870b', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'e719160b60558401a4f35153bc75003eb0326e2b', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '282d8452066b2705179692072949e86921a63d42', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b3c43be242d0d56fc20854527ec51b6a9db2dc46', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '0d97ab19899946cc81663a2061d6b9e71e325d50', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'c0c4236a68da96c69b5c19d4825deeb6d3648673', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'ce87407a8d8334aca51ee2f2dc94b29bc09fff4a', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
     }
 }, [0, "dga-tag-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-tag.js

@@ -1,4 +1,4 @@
-import { D as DgaTag$1, d as defineCustomElement$1 } from './p-C8Ozv32x.js';
+import { D as DgaTag$1, d as defineCustomElement$1 } from './p-CP1F2Tkq.js';
 
 const DgaTag = DgaTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-text-input-usage.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$6 } from './p-DEVyJhwC.js';
-import { d as defineCustomElement$5 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$4 } from './p-B8Ehyo7m.js';
-import { d as defineCustomElement$3 } from './p-BwpHb_8r.js';
-import { d as defineCustomElement$2 } from './p-CEYmo_c9.js';
+import { d as defineCustomElement$6 } from './p-BnUgtDXM.js';
+import { d as defineCustomElement$5 } from './p-DelImzb3.js';
+import { d as defineCustomElement$4 } from './p-CuZYeYoR.js';
+import { d as defineCustomElement$3 } from './p-DSD4MMjz.js';
+import { d as defineCustomElement$2 } from './p-CMH3kHrk.js';
 
 const DgaTextInputUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTextInputUsage extends H {
     constructor() {
@@ -12,9 +12,9 @@ const DgaTextInputUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTextInputU
         this.value = 'Text Input Example';
     }
     render() {
-        return (h("div", { key: '0c90baa699105bb5d608b1e78216da2f6c083d30' }, h("h1", { key: 'c1ae1ee88e98fed39ebf112dd81a086953ec4e1d' }, "Text Input Example"), h("div", { key: '1ef35c412bc760d61ff8598fc1fbe79285e8ed0e', style: { padding: '50px' } }, h("div", { key: 'b2c9286b887c058e35b246ec3e499f918e23c7e1', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: 'b65a0ddea8d13b9aaed9ab1a68e3ed7b863f08a3', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: '452491e078e77f5749aa3eb510e6b1fc8749e47f' }, this.value), h("dga-text-input", { key: 'ac16179be1e3c95671d24c4215b3b7e5e98b50ba', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: 'e8bf194137d68c93becf43de1f26889fb1d51ef6', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: '993b6a76f021e94cf19db6b9c2c24e0a443dadb1', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: '9d75eea2e36727d86d48738ea4188c842815729b', type: "button", variant: "solid",
+        return (h("div", { key: 'b2e3c8f39b39d3c1a87264787c23727e97ef36a6' }, h("h1", { key: 'b7db4b51db892c39716a687f095dbbd9394dbd25' }, "Text Input Example"), h("div", { key: '570975828a623a2dfa6e45f0789872eea2969cf2', style: { padding: '50px' } }, h("div", { key: 'be642c7b3962f63cded5399bd2b9bb52284a97b1', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '393f1cc4558e0626f439565bdbd01362e7bc3a5a', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: '0ce218b748e3e8aa2c40a0b1ce503c6f6abe317d' }, this.value), h("dga-text-input", { key: '5de34fdb6c109ca30a3d6521c03fe865ab66d725', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: '9781c4c7a6039ece3afba6f922f399c611f4433e', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: 'b232e1037f239823664fc13cafe54c04d5d3f10a', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: '11620195310bee39bfb746a639fd38be3b0e4ff0', type: "button", variant: "solid",
             // label="Button Label"
-            icon: { name: 'search-01' } })), h("dga-label", { key: 'bdf3180d3dfd53e11ff40018dca7c55ae6597879', label: "Mandatory Text Input" }), h("dga-label", { key: '15d6e4191f7b51fc5c232ea3d029f60bbd1e1172', label: "Mandatory Text Input", required: true })))));
+            icon: { name: 'search-01' } })), h("dga-label", { key: '9809c151778e5e2398e8d3b10474aff0c543d344', label: "Mandatory Text Input" }), h("dga-label", { key: '426bc1d9ab458e09778fec372643b585d9de4945', label: "Mandatory Text Input", required: true })))));
     }
 }, [0, "dga-text-input-usage", {
         "value": [32]

package/dist/components/dga-text-input.js

@@ -1,4 +1,4 @@
-import { D as DgaTextInput$1, d as defineCustomElement$1 } from './p-CEYmo_c9.js';
+import { D as DgaTextInput$1, d as defineCustomElement$1 } from './p-CMH3kHrk.js';
 
 const DgaTextInput = DgaTextInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-textarea-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-g3GwPygu.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-lo8BKDE-.js';
 
 const DgaTextareaUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTextareaUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const DgaTextareaUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTextareaUsa
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '7a950f31b12aa0ef48b16244aeaa353c0bc71c5a' }, h("h1", { key: '805f42391235ed15b4e7dc3aa25976a7dec0bcd9' }, "Textarea Example"), h("div", { key: '488efb733aa92f0a0c5587566b996d656a55ef8c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7c4dc7bbbfd948581ed85a98e4525898e4ef9b89', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '310de04b70922f6797c5c563d019c70e25053b5f', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: 'cf8a900da06d72242c219d2a97f48c83179c28fc', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '8cc15a28327624de7fde685f978cdd62c3b5c21b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'd48140d96504458e7615767843f8142996af5a21' }, h("h1", { key: 'af1e0555665ae4b20e2b07c0b08b5bccd3ac2655' }, "Textarea Example"), h("div", { key: '95bcbe0f187566f5033b9fbe0c67e90819499790', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e87c6a4b4a7c0c118380bf476d3a0276fcd8a785', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: 'd8d7828335a822d4bf4c9efb7cc8438462fd2f9c', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: '79d31b41b05d533e22217ca4eb430be2fef9ea37', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: 'ae328ebe429df2d5bdd5e6afbd0ecb6f0312c6f9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-textarea-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-textarea.js

@@ -1,4 +1,4 @@
-import { D as DgaTextarea$1, d as defineCustomElement$1 } from './p-g3GwPygu.js';
+import { D as DgaTextarea$1, d as defineCustomElement$1 } from './p-lo8BKDE-.js';
 
 const DgaTextarea = DgaTextarea$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-tooltip-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-BJrxiXmB.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-4R14977Y.js';
 
 const DgaTooltipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTooltipUsage extends H {
     constructor() {
@@ -9,11 +9,11 @@ const DgaTooltipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTooltipUsage
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '0064e5dff22f0ff8a3b5f569deb22d68e2b2c94c' }, h("h1", { key: '825e0479f5239adfe639b7b66da34de9725d7bc1' }, "Tooltip Example"), h("div", { key: '331afe44f9f531fabf614d567f9353f32ab5c092', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b3d786abd00af5ddf19ce70c866109a73a60bc4e', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '29a1d4ffc256c0e497f2b0e6641bc3fb5d992c3d', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
+        return (h("div", { key: '854568480d6ede417afc8c42870201c95b9d07f4' }, h("h1", { key: '04ee3fc5257e02173806074558e4803268a25cce' }, "Tooltip Example"), h("div", { key: '178d3564f95c8522c5e8d6bd2d08a9153a88811b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b115f6b6d98427dc408db6bcb414fa9d7f0e96a9', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '2ec1a84cf9c68871c674044477f03fc8b6fa34e6', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
                 type: "error-!",
                 style: "container",
                 size: 24
-            } }, "Hello")), h("div", { key: '8a42e1d104123e01fc04f7a1daee7beb20129488', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+            } }, "Hello")), h("div", { key: '8da0c1fc2f3860d1669a40e0f9f87a5d7a137f5f', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 }, [0, "dga-tooltip-usage", {
         "activeStep": [32]

package/dist/components/dga-tooltip.js

@@ -1,4 +1,4 @@
-import { D as DgaTooltip$1, d as defineCustomElement$1 } from './p-BJrxiXmB.js';
+import { D as DgaTooltip$1, d as defineCustomElement$1 } from './p-4R14977Y.js';
 
 const DgaTooltip = DgaTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/floating-button.js

@@ -1,4 +1,4 @@
-import { F as FloatingButton$1, d as defineCustomElement$1 } from './p-BkDe4y9_.js';
+import { F as FloatingButton$1, d as defineCustomElement$1 } from './p-x2arFCj5.js';
 
 const FloatingButton = FloatingButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/index.d.ts

@@ -219,7 +219,7 @@ export { DgaMenuGroup as DgaMenuGroup } from '../types/components/dga-menu/dga-m
 export { defineCustomElement as defineCustomElementDgaMenuGroup } from './dga-menu-group';
 export { DgaMenuItem as DgaMenuItem } from '../types/components/dga-menu/dga-menu-item';
 export { defineCustomElement as defineCustomElementDgaMenuItem } from './dga-menu-item';
-export { DgaMenuList as DgaMenuList } from '../types/components/dga-menu/dga-meu-list';
+export { DgaMenuList as DgaMenuList } from '../types/components/dga-menu/dga-menu-list';
 export { defineCustomElement as defineCustomElementDgaMenuList } from './dga-menu-list';
 export { DgaMenuUsage as DgaMenuUsage } from '../types/usage/dga-menu-usage';
 export { defineCustomElement as defineCustomElementDgaMenuUsage } from './dga-menu-usage';

package/dist/components/month-navigator.js

@@ -1,4 +1,4 @@
-import { M as MonthNavigator$1, d as defineCustomElement$1 } from './p-C9YG36pj.js';
+import { M as MonthNavigator$1, d as defineCustomElement$1 } from './p-BG4eWEFf.js';
 
 const MonthNavigator = MonthNavigator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nds-accordion-usage.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-SzLnmchK.js';
+import { d as defineCustomElement$2 } from './p-B0PFd34I.js';
 
 const NdsAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAccordionUsage extends H {
     constructor() {
@@ -7,7 +7,7 @@ const NdsAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAccordionU
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '9123890eda0c2fc65da22ce4b5f127d0dc4a121c' }, h("h1", { key: '8895f7600d63dcad69de62f266223218e4ff7524' }, "Accordion Example"), h("div", { key: '7c0735f21b91f2dae999defec1eed1286674f4e2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c12c81a421330ebb1742196374dc69ae69159e43', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '7cbb4adc70d15301b4f1918bde2aadaf04769236', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: '42c0003deaba848fd3a5c1d3d78b76f605d6845c', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '68663eec1c2fb257a57f2801beac7fb35c2a6b0c' }, h("p", { key: 'dd631be5a344ba7e9b508b13c23a6f844850e3e9' }, "This is a ", h("span", { key: '57ac48e29944525e5e1bc12ed3cd7d169ae47214', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '0172a5f691529db9ab417917c3d4ece70bfc1937' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: 'e15f9d2bd266949008173a38f3f742ed8f938d89' }, h("h1", { key: 'ef1bc781e520817a1ced910004a689216ff54f4f' }, "Accordion Example"), h("div", { key: '81d57759fffa68e8ae6a71a60bb7fc3fa9b8695b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd1786108e1339c48e7ffa08e67a7e61fa00f4fda', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '201eb5c4bcdb8ba67debab0541ba4cafbe9d9070', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'fbac0e39ba9fed284de873265c8f53ff4e617ff1', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: 'a67eb0ac4091453622458bf81a4c0c78e586d0c0' }, h("p", { key: 'f62f4e5c933747d52b89ec7aeffba40beed21698' }, "This is a ", h("span", { key: 'af739adc6b0a5d5ff9b81c50c7edd1d5d54c4bd3', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '02b9f9153f9c97d5ab2f673282b96d61c6986795' }, "You can put any React nodes here.")))))));
     }
 }, [0, "nds-accordion-usage"]);
 function defineCustomElement$1() {

package/dist/components/nds-accordion.js

@@ -1,4 +1,4 @@
-import { N as NdsAccordion$1, d as defineCustomElement$1 } from './p-SzLnmchK.js';
+import { N as NdsAccordion$1, d as defineCustomElement$1 } from './p-B0PFd34I.js';
 
 const NdsAccordion = NdsAccordion$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nds-avatar-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-BF6_ERMr.js';
+import { d as defineCustomElement$4 } from './p-Cjt_jTK9.js';
 import { d as defineCustomElement$3 } from './p-BZPI28S4.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const NdsAvatarUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAvatarUsage extends H {
     constructor() {
@@ -10,39 +10,39 @@ const NdsAvatarUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAvatarUsage e
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'ac1faae2ebc4f5db7efdd3efd4ce0767ba484ed0' }, h("h1", { key: '5281f0d6bee4b3a45bed162ddfb7ed43a9ae671c' }, "Avatar Example"), h("div", { key: '3213d15f5cf8a91302c7597f12bcd65bcc84b90f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6144049768a8069d2586333bfcaa981d04a06f7c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a9c215a9ab2fb87404aab12618dcf49e5b7b6a30', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'b398ba7d9823078d6a33f9d755ab8d11de513faf', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '2a3effcbff89cb58897c0b3b2f3b22ac89bd0728' }, h("h1", { key: '85245635d188012157ed5e988c98b3a8e97e04c8' }, "Avatar Example"), h("div", { key: 'bd530dc854af89fae2e39aade81ca3aaa8263b89', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5039d29e5a5013e4e0bb80f1e8da1bbfdc008caf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '4c47a111709c1346baff4461390ebacee1ac3208', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '34ffe4b1b2c16f8877ca07ebaf3ce3abfb2332fb', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '91eba111611c3ac0dd76c0f420e7821c3180a264', size: 120, border: true, square: true })), h("dga-avatar", { key: '5eb17d4e64ecdf0b81f86768abb40d04bd67fdcd', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '822fe971375141d66fe7a4f1181c14a845034615', size: 120, border: true, square: true })), h("dga-avatar", { key: '4b70aa7377955f6ce29f9865475b5260456b48e6', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '7b9ae727d4a932adbd319ef0ba51ae7ad528a638', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '51b7c7f12e4b79973de21b2265d8c215e1fe70bd', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'f420f355134964b5ebac614789a5d19640438376', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: 'c22e4f06c46d238539ca608bfebaf0265837e241', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'c3e5a0eeec72896e7e0796d1513a2c5d053b135c', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'f2ad8e004b7746c49c2fd77988babcd4b6120501', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '80d61a6a76c28095babf6cf7b630180fac4ebb1d', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: '92d357ebd623d5eebb090b997dd168820d5ab729', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '49d108be6ed605a3b7d2898035b516a4bcdf9625', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: '05ecbf8ea39927889922a4bdc90d9503dae248a6', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '6838e74f63965415c9526e714f311344a9c3762a', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '6af94cf984194fc5ddb306af0c41ac073d4aa22c', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: '83ecfecd332cda7b6a16c823b80278e297b5c792', stacked: true }, h("dga-avatar", { key: 'ad9787c09b03f609096dad63dd6151cbf4a6e774', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'a4856d76605d8a792da49dbf19585fd1982b34f5', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '2343308777e5930258990edc341b85462879e896', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'cdc4c2dbe5647315fa123d1b715f2f690481a76d', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '8c6a8e7ddd217221b90ee4460bd012a0e83a8f06', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '1e337bdfe940ce7ef1cd42525637bb17fcdca3d4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '07f1afac5a2ed5899462ac44e8eeb206b5ddf88a', stacked: true }, h("dga-avatar", { key: 'e8f733966787f8e7a717e3696937670abf0e0675', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '9def4d9bbfa5ac3901a22c0cbb199343ac927eb8', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'f68f8b0a79b7abc98929fa1cc00f952f5c43ab21', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '3557e8670470cd3ccf4f648dad4c37446da6798a', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'b543de71dbdee054ec8d7ab5e5310ec33251fd41', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '16a56ec852a26c8649d5b7b25d1424ac9ce9afc7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "nds-avatar-usage", {
         "variant": [32]

package/dist/components/nds-avatar.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-JCGAt0My.js';
 import { S as SxStyleManager } from './p-BFEqPAFn.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const ndsAvatarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular,.dga-avatar--120 .dga-avatar__text{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular,.dga-avatar--80 .dga-avatar__text{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium,.dga-avatar--68 .dga-avatar__text{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.dga-avatar--48 .dga-avatar__text{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold,.dga-avatar--40 .dga-avatar__text{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold,.dga-avatar--32 .dga-avatar__text{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold,.dga-avatar--24 .dga-avatar__text{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-avatar{position:relative;border-radius:var(--radius-full);border:2px solid var(--border-white, #FFF);display:flex;align-items:center;justify-content:center;background:var(--button-background-neutral-default);overflow:hidden}.dga-avatar--image img{width:100%;height:100%;object-fit:cover}.dga-avatar--square{border-radius:var(--radius-8)}.dga-avatar--square.dga-avatar--border::after{border-radius:var(--radius-8)}.dga-avatar--border::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:var(--radius-full);border:1px solid var(--alpha-black-20, rgba(22, 22, 22, 0.2))}.dga-avatar--120{width:120px;height:120px;border-width:4px}.dga-avatar--120.dga-avatar--border::after{border-width:2px}.dga-avatar--120 .dga-avatar__text{text-transform:uppercase}.dga-avatar--120 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:80px}.dga-avatar--120 .dga-avatar__icon>*{width:100%;height:100%;font-size:80px}.dga-avatar--80{width:80px;height:80px}.dga-avatar--80 .dga-avatar__text{text-transform:uppercase}.dga-avatar--80 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:56px}.dga-avatar--80 .dga-avatar__icon>*{width:100%;height:100%;font-size:56px}.dga-avatar--68{width:68px;height:68px}.dga-avatar--68 .dga-avatar__text{text-transform:uppercase}.dga-avatar--68 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:40px}.dga-avatar--68 .dga-avatar__icon>*{width:100%;height:100%;font-size:40px}.dga-avatar--48{width:48px;height:48px}.dga-avatar--48 .dga-avatar__text{text-transform:uppercase}.dga-avatar--48 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--48 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--40{width:40px;height:40px}.dga-avatar--40 .dga-avatar__text{text-transform:uppercase}.dga-avatar--40 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--40 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--32{width:32px;height:32px}.dga-avatar--32 .dga-avatar__text{text-transform:uppercase}.dga-avatar--32 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px}.dga-avatar--32 .dga-avatar__icon>*{width:100%;height:100%;font-size:24px}.dga-avatar--24{width:24px;height:24px}.dga-avatar--24 .dga-avatar__text{text-transform:uppercase}.dga-avatar--24 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px}.dga-avatar--24 .dga-avatar__icon>*{width:100%;height:100%;font-size:16px}";
 

package/dist/components/nds-button-usage.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$6 } from './p-DdK43o7A.js';
-import { d as defineCustomElement$5 } from './p-DZg2yEu-.js';
-import { d as defineCustomElement$4 } from './p-DboQJAUi.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$6 } from './p-__rtQaIn.js';
+import { d as defineCustomElement$5 } from './p-BokzxvvX.js';
+import { d as defineCustomElement$4 } from './p-B7YYM_Ys.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
 import { d as defineCustomElement$2 } from './p-B-0hBREP.js';
 
 const NdsButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsButtonUsage extends H {
@@ -12,13 +12,13 @@ const NdsButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsButtonUsage e
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '93e8a534cdf0510938fddc6c71b50f9f187e6152' }, h("h1", { key: 'f685f95bf42630668e6bb87a4028fc33454a5b06' }, "Button Example"), h("div", { key: '11541348742b59c5a9f8a5a5bed82ed2ad061396', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3fc6da5081ee18fdde08258dc9f45bc71c28fbf9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '89dd10ed91dcf4fd1ede6f24a04aa509056f104c', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '2d47c266e8ad231d663d87e4227683708954e559', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: 'f3baec3e2915dbf0def6d0077875efd3c1d3b2f3', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '6048983c1b1957a2fd7a0547cbb78a4440780442', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '4706e798f37607b7415d3fe060a4de13a1c29780', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'd509b14e82495c156118cae3e94192ece9cba6ba', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '97f3e4a7d2b68040ba71631bde80ce24030ced5d', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '90cc0c839970d1eb57aa7ab03b8ef549ae8c87d9', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'f6dac77cea26b99aa9c3e529580f2b84e4ea3339', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '9dd7afd56cb8bf3dcbd1eb410930453616d5e17a', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '1ad41574bbb4620a5e89d42ea910a5e76023039e', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: 'e84b533c0c642c43e5a96c4375d815c5c0c579f8', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '897cf9772232073d72f3bf968a75ba25655050a0', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'bfe0dc83e184ee3a96094ae9df700233945a467f', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '50081c16bbe5f639683fa5e61bf30d7565834bda', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '4d80da0b9f949940798328a80173b16027712dd8', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '7dbeee7bc5832202920fd13f68fb9abb215961e7',
+        return (h("div", { key: '38539749634d6b195e22059a1eac536c66a754d3' }, h("h1", { key: '179b021eb30fb095340bd3a89d47a0a0d75222c9' }, "Button Example"), h("div", { key: '47a6183091fbaec32f3c381274061ee64b7f6de3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cfd5f62b020e2247cc60dcbd53de8a148ff898a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '4b52444bf4a00991771529448768693f60f72f59', direction: "column", spacing: 16 }, h("dga-button-v2", { key: 'c05daad387e3b5c9048fbafd70eb049291f33327', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: 'fed388a8cbff6495fa2f68f5a16b167657e0fb97', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '5aa29ebc0df036b0d54c724033e70b878216c449', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '7c29be8b5cbf2595b9b156e3a53633fa4bcc71e5', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '23167aae4473f96ce3c27aadf52a67c74393f624', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: 'db8ae47dbed468dfee2dea526690424a6f076dc1', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '8f9bb515aa89b0d4bc2289a87707e8648ac717d6', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '60d1c025040cbf7cf103d80f218a4a9bf4053c00', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '9cc59423a773badb66655524cf34855e3345d459', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'eb8eccbd8f08f0012120fd37776c9ce542776420', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: 'fabebea5eca2991c80053a9515076ea8e934205f', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '4a02c6ab9b4f40b95c188e5d3e3f07c544bd2d5c', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '0cb97cae6cb74ddb3bb028a4dc401b63895e1119', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '6f272448074ce3a64b1787c01f45dc89c6fc7dfc', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'ae44bde17bd23c4c59401c3e44f1a0d2fcd130f2', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '5a6f655862ccefb4b717866642ad70637f22f325',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconProps: {
                 name: 'link-square-01',
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: 'dce63e3e728fe8c771efe21b7b2266e2179b34c0', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '75b7a2ffbaaa620cef29fd4a715d2bfce1a2a62d', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '6a365df713c9306e537e905b2ac571d8c5066764', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '8936024c769ef277d82d6f1ec7d79cd086b42dc2', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '177803e3a86a468faa282a8593bbe289f5b2ea1e', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '038d94fd691a71142218f1d3708621a29fe40c15', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '0e36f957af0065debbdcd737c56c77393b42f57b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'bceba1954d558f547eaa674982c15e390a12b386', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '83948902550943b9f6ebbe4a86e760222a048579', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'ca5f31edf842040f99ffe009f354f682ba5463d4', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '50c937fdc225dac5a70d8fa7de90941f8ca96e8c', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '338ae3e98d07a83dc5865fda73c4544937843ce8', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '987488070fa82dbb56251f05bfb16cc640bc2e1a', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '9030167089a53b32c4c937b3420a3cfbe7c94ae1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "nds-button-usage", {
         "variant": [32]

package/dist/components/nds-chip-usage.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-DVs128Zl.js';
+import { d as defineCustomElement$2 } from './p-DiAGP6wC.js';
 
 const NdsChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsChipUsage extends H {
     constructor() {
@@ -8,14 +8,14 @@ const NdsChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsChipUsage exten
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: '860e518b969456a06f966cdc761e6bf2d5964994' }, h("h1", { key: '3bbc6620975ef82775b294ab0762860538160ac3' }, "Chip Example"), h("div", { key: '9c243a58a360b5c79a175bc9ef0e770a520f900e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4e6f4aa140cf41554ebf3db18d7886dd9eab161f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '2be97d733b5e63de2853901dce34cc86d1993624', label: "Label", variant: "neutral",
+        return (h("div", { key: '65c2b40ea3a2430e62634055cbb124ab7c248ba2' }, h("h1", { key: 'dbda09cd3c422fd42a71db4fe06c835fdb645756' }, "Chip Example"), h("div", { key: '1f3bd9225950e6bdb4bfdd2b8982c1db6bea1501', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '382636be30052aa3b45432c1de27dd6e9a482ba1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '6945b1e42fa4be494480d26cef41d2099dbab7cd', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("nds-chip", { key: '4c4b89ef047ef7931b03889a5485ba86596cfc44', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), h("nds-chip", { key: '1ba21e21faad9288d3e358d8556dca3b255f5063', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), h("nds-chip", { key: '87d39a4044d00baf1d899057aa926692c5f52c0f', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), h("nds-chip", { key: '32d40858d333b3a2bc2fa453285377dfa47b9c42', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, selected: false }), h("nds-chip", { key: '85ab156161f0c208bea3a2a02e20713f6a516341', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'ecdee48745e665a86c60c00a38b4bd6c425be3e3', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: 'e7827fb541f18725b15daae7ece8da332190f533', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, selected: false }), h("nds-chip", { key: 'cad7af083ab4163e84407bb4a0e723cf71dc515a', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'f8a5b7159ef868e1127d57571b8b8734d6c2af2c', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: '4124877b1a5516adc97c56e31521f1182d55b9b4', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 }, [0, "nds-chip-usage", {
         "isSelected": [32]

package/dist/components/nds-chip.js

@@ -1,4 +1,4 @@
-import { N as NdsChip$1, d as defineCustomElement$1 } from './p-DVs128Zl.js';
+import { N as NdsChip$1, d as defineCustomElement$1 } from './p-DiAGP6wC.js';
 
 const NdsChip = NdsChip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nds-floating-button-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-DboQJAUi.js';
-import { d as defineCustomElement$2 } from './p-DbKZLKOY.js';
+import { d as defineCustomElement$3 } from './p-B7YYM_Ys.js';
+import { d as defineCustomElement$2 } from './p-HSMy7h9O.js';
 
 const NdsFloatingButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsFloatingButtonUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const NdsFloatingButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsFloat
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'd002311bd3f0672a11bac825a1a48ee214fef6cc' }, h("dga-flex", { key: '0fce5e4226e94fc6d1d73b93d1a28fd0e11a62e4', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '45437ce9669d7bb74ee1891939cd55c02d5c3fb9', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'eb2013374e655b23ec38ed4359abfd4614a19349', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '486084586d888fa856df49a942de2398698d438f', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'e36136669b6ca2c93ba2d965c0e61e4deee767f8', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '833afde4ca5a87c02d6aa9764ee6135183d5a550', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '4be07504aa8028d348025f4a16c7546dea389e33', variant: "secondary-solid", label: 'Button' })), h("div", { key: '572bcfb06fa19010f5bc2c9c21fb8b5418ce65e5', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '9d13e5ff9a4e5ccc36873a3cf237ddba3b76fe5d', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '6334d6d6034eba00a1abf2405edd537d656257e7', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '66f2e0c5d27ace954c3c251999997cb4bfd00f26', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '71928722f46bf2bd686ec4a194eff07a0d9f3b3d', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'e3102c4eab3df9f2c8548c547c35755ad133d633', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: '71e88477580c3856303c3ba1d754d492d92852e7', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '1f5c8a74be13754c2fff87641b2120a0dc49feee', variant: "secondary-solid", label: 'Button', inverted: true })))));
+        return (h("div", { key: '4e08ac9a2d0864adcd4a38443fd5081fd368aa25' }, h("dga-flex", { key: '3c4537bc3cbc5a1cbb31d8063234cc2178eeb716', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'd1fc866958cac67b561b0a549e3d0801c19f099f', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '24d4540fc5b89cac476d2e84c8319e33a96862b6', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '949aaa0ae1d41e929815e697484ce59e847e9e47', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '70eefb06cf2b195ac7213c7576f9393fc019e7fa', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '355d69a99cbbeb203d58bb018a373f437ebe1943', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'c2c2fa7a661fa0e9803a3b923b0f00158732f381', variant: "secondary-solid", label: 'Button' })), h("div", { key: 'fe1037ab2157d301f0cc66d21825d58729dcbb23', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '0cc5a0f82f75b7faeba2263609ec6b251fe04008', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'e75478775d90d3b1197cd84944b208c5d6bd6b5c', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'e6aa467155fa75bb5b7907c2edd604646bcd8d13', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '1c24d762e895fdf7bb322c88dcaf3a3aa99f6b0e', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '4761badaf130b463d3713d8a3c5b41c5c5562abb', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: '0dae748058ba6440f8c839a5c26da03be90371e0', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '221d58fe55092e506be70689cfaac3ca1d5abffb', variant: "secondary-solid", label: 'Button', inverted: true })))));
     }
 }, [0, "nds-floating-button-usage"]);
 function defineCustomElement$1() {

package/dist/components/nds-floating-button.js

@@ -1,4 +1,4 @@
-import { N as NdsFloatingButton$1, d as defineCustomElement$1 } from './p-DbKZLKOY.js';
+import { N as NdsFloatingButton$1, d as defineCustomElement$1 } from './p-HSMy7h9O.js';
 
 const NdsFloatingButton = NdsFloatingButton$1;
 const defineCustomElement = defineCustomElement$1;