@platformscode/core 0.0.31 → 0.0.32

package/dist/cjs/nds-accordion.cjs.entry.js

@@ -79,10 +79,10 @@ const NdsAccordion = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: '01da65448f862e6e2aef23d82f0a9ecec0d510a9', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '26498f3440dcf8010eccef9d03f1de39c6afc194', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (index.h(index.Host, { key: '1265c0dc6aa43ad5a3e1fe6694408ad6a6ff2bd2', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '90bc4a22a0cf3cec23e92f6809258921d181012b', class: `dga-accordion-item dga-accordion-item--${this.size} 
           ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
           ${this.flush ? 'dga-accordion-item--flush' : ''} 
-          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, index.h("a", { key: '89463b15a17fff7c413ca93be5beed71401306fa', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (index.h("div", { key: 'cc327a709684754479df746837efb3e3e813fbb0', class: "dga-accordion-item__arrow" }, index.h("dga-icon-v2", { key: '6a139777ee444147cb2a02f6542931cae0950530', name: "arrow-down-01", variant: "stroke", size: 16 }))), index.h("div", { key: 'ec81a96af53a616e1237fc38090745273b723929', class: "dga-accordion-item__title" }, index.h("slot", { key: '4e146d1fa7e4f46c84167e1fa7899a357f2f7149', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (index.h("div", { key: '3f893e24982c7fecd310329f89aff527d1f038f4', class: "dga-accordion-item__arrow" }, index.h("dga-icon-v2", { key: '3fbb1dc4f48d11df13478772dbfefb4e431a4e4d', name: "arrow-down-01", variant: "stroke", size: 16 })))), index.h("div", { key: '56cdf6237caac665d27fd02901f544b2d5e7296e', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, index.h("slot", { key: '94220b0cf16cd8a25b20a495cd82d8b60ee50bc8', name: 'content' }, this.content)))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, index.h("a", { key: 'cf0d4ec4e9bb56567aff8f538f3375238f3c0cea', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (index.h("div", { key: '7cca38e86dc9fb4c133d93f0405e9322a240da9e', class: "dga-accordion-item__arrow" }, index.h("dga-icon-v2", { key: '8ae30d79ad18709a017611741e4a611109f15407', name: "arrow-down-01", variant: "stroke", size: 16 }))), index.h("div", { key: '6064ffbb8d7a9c5d673bdd420fd12db583edb13e', class: "dga-accordion-item__title" }, index.h("slot", { key: '6323b0ae5eac89c53f9469387edd128fcc986f67', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (index.h("div", { key: 'c7e99fe4acf97f7c31aa96397553cc3b6ad0acce', class: "dga-accordion-item__arrow" }, index.h("dga-icon-v2", { key: '41ae36429fa96e93aa93ef3da22f0090790051b4', name: "arrow-down-01", variant: "stroke", size: 16 })))), index.h("div", { key: '2b6e3f28bfc23c66957dd7704e379413a26746ae', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, index.h("slot", { key: 'afd4ced0bce12e6288bf8f2c6593e595ecacc6c7', name: 'content' }, this.content)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/nds-avatar-usage.cjs.entry.js

@@ -8,39 +8,39 @@ const NdsAvatarUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '8bd634bed9b9e92a0275b357f099e15393b2d60c' }, index.h("h1", { key: '1b35a22ac8ab73a01da969531f106fd5ddf8468f' }, "Avatar Example"), index.h("div", { key: '030907c7c20f3d9f9544ea06c6b524cae9c72404', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '6f830b08409293cdcf8ed1956554c31e9912cabb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '8b516d35b9cd1b4586e9b99ed6ac92cbd11b76c5', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, index.h("dga-avatar", { key: '360e6274833e963e43f05e4d75a60c2bd077eb34', size: 120, border: false, square: true, sx: {
+        return (index.h("div", { key: '10957124c53f3c709d95f884b5b64fa2737a15c0' }, index.h("h1", { key: '0b33377f55eda4ce58787fb90240970378d4b883' }, "Avatar Example"), index.h("div", { key: 'ed6ec11a38b5a0a4e12cf6c44eba808cc4d23c34', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'c18c14f77e8180c474ccbf8e9d257b17da910219', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '86d46b8cfcc13fc3aa99d9f647bbd5d6c8a7b056', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, index.h("dga-avatar", { key: 'eca6b59e7f6b30947be70e00b7ebce8a2fbe0575', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), index.h("dga-avatar", { key: 'c5b6b73b2c84a90afa813cbd8eb830aec8a78072', size: 120, border: true, square: true })), index.h("dga-avatar", { key: 'afffc1aeff60b4a61a05dfb5d609b7c7f158a615', type: "icon", size: 120, icon: {
+            } }), index.h("dga-avatar", { key: '2fae6834b1e28d43926d631974e2e57bd30226bc', size: 120, border: true, square: true })), index.h("dga-avatar", { key: '731bc3cb3927117d24209e1c37fd3a375a9ed48e', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: 'b9fe7852b1286d7453adf4e76b1d318c31f8bfc3', type: "icon", size: 80, icon: {
+            } }), index.h("dga-avatar", { key: '5b7a38b3c991c2e5838f25b1aa648bfa0905ba97', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '4ccec05c82edf0db15a969cc884abe4855211192', type: "icon", size: 68, icon: {
+            } }), index.h("dga-avatar", { key: '60972bd3035aa30b37d19a6c301cac505ff698d3', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: 'db05536bdf27c69c26dee95198e07fe50968cea8', type: "icon", size: 48, icon: {
+            } }), index.h("dga-avatar", { key: '5ad39c4d4f858d2b3f2af2547235483a1450c87e', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '218b07ae12667a148a940de7e3102b626869ec37', type: "icon", size: 40, icon: {
+            } }), index.h("dga-avatar", { key: 'f6be5ee80c7cc443cd8c1080aa6d4043ab6cdeb3', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: 'e0a44837e32b3106892d5f9b47919da919ac4f3e', type: "icon", size: 32, icon: {
+            } }), index.h("dga-avatar", { key: 'a4794c60e66c9617f904de8c65bb56c9e5e37540', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: 'c7e8adfdf788cd982d6901f8e3efb26d203c7906', type: "icon", size: 24, icon: {
+            } }), index.h("dga-avatar", { key: 'd80ce7011271aec41ea7e9c4e610d0a922c3390e', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), index.h("dga-avatar-group", { key: '47c372bf8721299f219ff74e840a285eff79b699', stacked: true }, index.h("dga-avatar", { key: '07aa8287abd4af2a6221293ec35808e5702b0d5e', type: "initials", text: 'AB', size: 40 }), index.h("dga-avatar", { key: '96867377c6fd55c43046e3e0efcaa949b286323a', type: "initials", text: 'CD', size: 40 }), index.h("dga-avatar", { key: '809288ee6ed709606007149384f2279e6a844585', type: "initials", text: 'SB', size: 40 }), index.h("dga-avatar", { key: 'f7061655286136967511e50fe486a1d8f1aa0e87', type: "initials", text: 'WK', size: 40 }), index.h("dga-avatar", { key: '4acb2642529d776ee500c4a2b09f3f54e9b735a9', type: 'initials', text: `+4`, size: 40 })), index.h("div", { key: '4251378603fbdf673a652be95b6cbc6363f102fb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("dga-avatar-group", { key: 'a9423d0c22161f1d88532dba858c070fdd3b2480', stacked: true }, index.h("dga-avatar", { key: '6e981be499f56f74f99a993ef38433c0689de304', type: "initials", text: 'AB', size: 40 }), index.h("dga-avatar", { key: 'a9d20ecad55e9ee4f1e0614cbf6a5ffb5241ff5c', type: "initials", text: 'CD', size: 40 }), index.h("dga-avatar", { key: '9fadd325d41a6b18c28c55446921f65283458c95', type: "initials", text: 'SB', size: 40 }), index.h("dga-avatar", { key: '55d748a502ce5225d2e63ab28c353bafca0fca1c', type: "initials", text: 'WK', size: 40 }), index.h("dga-avatar", { key: '3b3963b6f1fc115860a695c4ce620cdfbc5726bd', type: 'initials', text: `+4`, size: 40 })), index.h("div", { key: '57b19f6bad52ae4bf40f6f74230f3dd864313914', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/nds-avatar.cjs.entry.js

@@ -57,7 +57,7 @@ const NdsAvatar = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: '298f44cfff0591bb071a389c0f396fd42497bb52', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '90c8decb51f82b538b14555543e6d4361c788ccb', class: {
+        return (index.h(index.Host, { key: '507970a5dd503477fa4019f98409b547d80cc137', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '37681c5efbfe8aa5b1eac24ccb5a365c132e55c4', class: {
                 'dga-avatar': true,
                 [`dga-avatar--${this.type}`]: true,
                 [`dga-avatar--${this.size}`]: true,

package/dist/cjs/nds-button-usage.cjs.entry.js

@@ -8,13 +8,13 @@ const NdsButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '56a7ef337ff09b7f1c3a08187c21b7f3aa7cb96c' }, index.h("h1", { key: 'ca9717cef5798d56c3eaad850e0501cb5cc87215' }, "Button Example"), index.h("div", { key: '7c7f2bb18c37b9878aa655b100a54a363bd650a3', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '5431963690e4029f2b5fe10b7e2e248bf64ad86d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: 'b077dbe4db68b0bff9c1f7ff080972049b766cc4', direction: "column", spacing: 16 }, index.h("dga-button-v2", { key: '6ac388d692be98e218994016f44fdc53664e7ed8', label: "Button", variant: "primary", size: "lg" }), index.h("dga-button-v2", { key: '4e54e2f6413fd2b50cbcd9f2d10d9a797fcf8c0c', label: "Button", variant: "primary", size: "md" }), index.h("dga-button-v2", { key: 'd4728654f620ca8351993a2a9a185126ca9dee7d', label: "Button", variant: "primary", size: "sm" }), index.h("dga-button-v2", { key: 'c85d8145164da44e08d2a5498435065aa24c1546', label: "Button", variant: "neutral", size: "lg" }), index.h("dga-button-v2", { key: 'b0a20e61bbec22c48744a962153ee39046e0bbd7', label: "Button", variant: "neutral", size: "md" }), index.h("dga-button-v2", { key: '5e0838ef9974ec6342e199662a9d5671c41c0b2c', label: "Button", variant: "neutral", size: "sm" }), index.h("dga-button-v2", { key: 'd4e1dbeb76b97149e7a4cc5ebc976a21f47260bc', label: "Button", variant: "secondary-solid", size: "lg" }), index.h("dga-button-v2", { key: '5e708a54fb4762e6aec54699aecd1a3b5172919e', label: "Button", variant: "secondary-solid", size: "md" }), index.h("dga-button-v2", { key: 'c3e7bcf88f0c14a4df19ef5d0c074f53c17ad6b8', label: "Button", variant: "secondary-solid", size: "sm" }), index.h("dga-button-v2", { key: '6b295cea662acd66cdf58242b91758d620618f6d', label: "Button", variant: "primary", destructive: true, size: "lg" }), index.h("dga-button-v2", { key: '10f9427040f39a44f1be10342a8e7cefd5210ecd', label: "Button", variant: "primary", destructive: true, size: "md" }), index.h("dga-button-v2", { key: '3c534d208fd76cff93b545c2eed0054a386eba54', label: "Button", variant: "primary", destructive: true, size: "sm" })), index.h("dga-button-v2", { key: '82e31140b806cfc72557dce6027505ba63798508', label: "Button", variant: "primary", onColor: true }, index.h("dga-button-leading-icon", { key: '2ba45b4394c6059122515b0b7d75c21436f9342f', name: "link-square-01", size: 16, color: "red" })), index.h("dga-button-v2", { key: '8392c0b038dadd80540f3a649816ac7492b57a1f', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), index.h("dga-button-v2", { key: '0690b4bf8b5a6756ed23e5399a0f29e8d60bd930',
+        return (index.h("div", { key: '9d72afed6f47dbdabe3de3198ec6b50fda780df1' }, index.h("h1", { key: '1586df2893860398701194cdc3454fadcde24635' }, "Button Example"), index.h("div", { key: 'f4c889cf98ace53bf2b8c401410fb94fa834bd64', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '2202edd822a8123ec98b85a382c82025b9107085', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: '63ca77827f44a0b5120303a36a1131fd08b830c8', direction: "column", spacing: 16 }, index.h("dga-button-v2", { key: '205ba4e05801e4cf92114f5274e3564f7387e4c1', label: "Button", variant: "primary", size: "lg" }), index.h("dga-button-v2", { key: '6666414ac274745ac2878fb8224981d07baa1262', label: "Button", variant: "primary", size: "md" }), index.h("dga-button-v2", { key: '01ef2efc7c47082470ff7ca904086725a6417264', label: "Button", variant: "primary", size: "sm" }), index.h("dga-button-v2", { key: '11d6b1586cef453c7c6fd0bfbaf99a3cfc16ece2', label: "Button", variant: "neutral", size: "lg" }), index.h("dga-button-v2", { key: 'a30cda46bdfb44a101b2a05cb3c547f464193a48', label: "Button", variant: "neutral", size: "md" }), index.h("dga-button-v2", { key: '00ae17e4a0174fc9593cda29f602f1ca0fe7fbb9', label: "Button", variant: "neutral", size: "sm" }), index.h("dga-button-v2", { key: 'e0848a75c900751e2474554f21b544da2cc18039', label: "Button", variant: "secondary-solid", size: "lg" }), index.h("dga-button-v2", { key: '3a0ae5e4ecfcd12022e8cdbcd7786e99da2e7962', label: "Button", variant: "secondary-solid", size: "md" }), index.h("dga-button-v2", { key: '796e249a0e6fd3cb6d12fc3f86953806bf7a99ad', label: "Button", variant: "secondary-solid", size: "sm" }), index.h("dga-button-v2", { key: 'c5849de610a1a1d6db6f9c1962ba4382cfdc921c', label: "Button", variant: "primary", destructive: true, size: "lg" }), index.h("dga-button-v2", { key: '14aaa2d4c7f413f4b0976dd0bfa7fdd2fdf5382b', label: "Button", variant: "primary", destructive: true, size: "md" }), index.h("dga-button-v2", { key: '3056cc6c0fdf76c009b4aed5c949b50331b49435', label: "Button", variant: "primary", destructive: true, size: "sm" })), index.h("dga-button-v2", { key: '246f1bee86a4d88ff6b3e72ca0e1e025b17207ba', label: "Button", variant: "primary", onColor: true }, index.h("dga-button-leading-icon", { key: '0d99596c9843bbaee2859123e94c2bd30a51b11e', name: "link-square-01", size: 16, color: "red" })), index.h("dga-button-v2", { key: '4dd252e6600f37392a0af4c3f314f70fd626513a', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), index.h("dga-button-v2", { key: 'e4d66eb34e7ae60a744847e7698945b93a61f8ee',
             // 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',
-            } })), index.h("div", { key: 'a30a63267b64c21d04f0dfdc1ada763c2bfe06fe', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: 'c0b8969ae1b54dfa538477e74d6010df4a2f298d', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: '14adca061189dc8ecaaf3ab6c094a17577c5b0dd', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: 'd4b933594e9225058ad996f0fe626f3c1e084071', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: 'c16f42b651dcfd75e5435fe45114eac0c7486917', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: '77517d27e1b0b26631c90362d57a45ca8d9eb35f', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: '14214c0e1f68c0e5a43ac307c832a234619c5b21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("div", { key: 'cdd280be9dfd4e7478c8dc5045c9e94ab8d825b6', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: 'c3f34667496a3751e04013d6b9ba0cb0f017a2dc', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: '8d3d62f46e5eead872e934c8574d65253473cc37', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: '2f3c333e015d07a8c5b8dc7fea6b0236813e91d7', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: 'd963f4a034a370e8f65088dbe6dd08f28e2f62ff', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: '4c1fa4b714712e53a2efe3ed573ac6c68503feb7', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: '5fab3766bbec7b4ce52f3d68f9fe4f31b091cfed', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/nds-button.cjs.entry.js

@@ -41,7 +41,7 @@ const NdsButton = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (index.h(index.Host, { key: 'ebeca4f28c5a87c301e042905ee18a8b7d2f1505' }, index.h("button", { key: 'c8a81ce9af113d22cefa6d3ed91f42420f550aa7', type: this.type, class: classList, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? 'Button with icon' : this.label, role: "button", onClick: (event) => this.handleClick(event) }, index.h("slot", { key: '1d1914fd2c34fe48d2ecf553741d998307b9cda0', name: "leading-icon" }, this.leadingIcon && (index.h("span", { key: 'a506a68366aed76e4845e925f8c6ff12728b292f', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon-v2", Object.assign({ key: '4624ec4a6677859d58af5780813252c3bec862a8', name: this.leadingIcon }, this.leadingIconProps))))), !this.iconOnly && this.label && index.h(index.Fragment, { key: '4125fe9858186548c7f312973f9f4d5303c61b95' }, this.label), !this.iconOnly && (index.h("slot", { key: '07d5f692f6544da8c8a9b6bb6ce929d2df0ac4d2', name: 'trailing-icon' }, this.trailingIcon && (index.h("span", { key: 'f36a401adee0d7e43edb388f7c3d824e59659d8c', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon-v2", Object.assign({ key: 'b2efa2738efd2ce49f1557facd34dd59b539199c', name: this.trailingIcon }, this.trailingIconProps)))))))));
+        return (index.h(index.Host, { key: 'bf012acb6c6fd700122192bce453169abd2d6ee5' }, index.h("button", { key: 'aa5ce4bc67800db0e7fa7bea02daf671e2b9b4a6', type: this.type, class: classList, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? 'Button with icon' : this.label, role: "button", onClick: (event) => this.handleClick(event) }, index.h("slot", { key: 'cbf4ab0efd45ad1c053861471306fea84b6519d0', name: "leading-icon" }, this.leadingIcon && (index.h("span", { key: 'cc2631c8d741a97e3123d6db0fefd61cb46610d1', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon-v2", Object.assign({ key: 'f8c574b15428984c15996a2b75808caf13f7f525', name: this.leadingIcon }, this.leadingIconProps))))), !this.iconOnly && this.label && index.h(index.Fragment, { key: '2b44335b825bb0540a6ff14f287564d645ff9037' }, this.label), !this.iconOnly && (index.h("slot", { key: 'a4da46b6c6e7c2bfade5d603c9e67297ecbf4513', name: 'trailing-icon' }, this.trailingIcon && (index.h("span", { key: '875c8ea1022e83437ef2d1bb36a1e7104bbc951a', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon-v2", Object.assign({ key: '29ecb4ac491cce77c3d365f66ab6b2e47dd96a5e', name: this.trailingIcon }, this.trailingIconProps)))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/nds-chip-usage.cjs.entry.js

@@ -8,14 +8,14 @@ const NdsChipUsage = class {
         this.isSelected = false;
     }
     render() {
-        return (index.h("div", { key: 'ba5570a6802264a3e6b19c4dd2da122130d15872' }, index.h("h1", { key: '2dfdad0efc228fa1f5c9ff05447c2e4eb235c34a' }, "Chip Example"), index.h("div", { key: '6485034d6faf2d57bbf42419ec33915871c248ab', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '5896a0e99e12f8b43f5dc59aaacdcda1a97eb421', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("nds-chip", { key: '7b2add965a905f4dab42157e22ca94b36430c7fc', label: "Label", variant: "neutral",
+        return (index.h("div", { key: '2cf5d5ab346bcb016cc4f6d055922d9d42de5a4e' }, index.h("h1", { key: '169b555c400c680e15bfadf321fb90bf9cd5e71f' }, "Chip Example"), index.h("div", { key: 'e1aaa1e056f16749948e3095f328e9429506f431', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '509f336f21f2444974d4049b57c5189b676ad8dd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("nds-chip", { key: '14d261405530f060e3aabc1a343ca695b78ca95d', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), index.h("nds-chip", { key: 'a000edc0619b19cc48e40ae73a5caa8824de2921', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), index.h("nds-chip", { key: '1f67033fdce409f29b726e3902b94ff486c26cbf', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), index.h("nds-chip", { key: '96dd2014d250fb2ca36faec9c0b972cdc0f39902', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), index.h("nds-chip", { key: '1c1b9e611f91246062422e7554c1be2c59066cf4', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, selected: false }), index.h("nds-chip", { key: '12c9d4459a6228203dcdc57ae39f8f5aaba353ab', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), index.h("div", { key: '2fb23a19bfe696a13d0c693c164976fcd57eade4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, index.h("nds-chip", { key: '442c2c705ef14663d2dd9377278aa5502683c2cf', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, selected: false }), index.h("nds-chip", { key: '6e51c45bfefc6c746b5348de47b56de5a224b2ba', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), index.h("div", { key: '7b578860c887ff5225cad3e96f1f4d2f37018d1b', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, index.h("nds-chip", { key: 'b79385f13febb296e07c8f02a50966e10990d88e', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 };
 

package/dist/cjs/nds-chip.cjs.entry.js

@@ -48,7 +48,7 @@ const NdsChip = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: 'c9ac8c63367e77702f8a3ff6a565881e4fa39ae5', id: this.componentId, style: this.rootStyles }, index.h("span", { key: 'b804b9be70e18252633714ad50b18b551626b9d3', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.selected ? 'selected' : ''}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
+        return (index.h(index.Host, { key: '4349d0355e1fb17102930643ea207e1a7d276370', id: this.componentId, style: this.rootStyles }, index.h("span", { key: 'aa89256b05d61312b7c7def658a9ef011988993b', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.selected ? 'selected' : ''}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
                 if (this.selected) {
                     this.isSelectedState = false;
                 }
@@ -56,7 +56,7 @@ const NdsChip = class {
                     this.isSelectedState = true;
                 }
                 this.onChange(this.isSelectedState);
-            } }, index.h("slot", { key: '0ee61f1aba69cca35b12ec96889a7dcdf45c584e', name: "trailing-icon" }, this.leadingIcon && (index.h("span", { key: 'eded2bc1768718e21ab54b1056fc20cb3d0da020', class: "chip-icon" }, index.h("dga-icon-v2", Object.assign({ key: 'fdef0481a5d0b000d62f994c3856cf5f2a9b3520', name: this.leadingIcon }, this.leadingIconProps))))), this.label, index.h("slot", { key: '6b8e4b82c7e0be4c63dc762f7bd2d81eec529c2e', name: "trailing-icon" }, this.trailingIcon && (index.h("span", { key: '3ad2c9f1662ccd97de7b9b83bb900f6633e82715', class: "chip-icon" }, index.h("dga-icon-v2", Object.assign({ key: '97c77c0877743e4fe13607d479665601282ef8b2', name: this.trailingIcon }, this.trailingIconProps))))))));
+            } }, index.h("slot", { key: '069c80f47b901ef14063b1af71e9c4d91d271850', name: "trailing-icon" }, this.leadingIcon && (index.h("span", { key: 'e1cd66a532724bd26ae74e6f63377f88f3a288bb', class: "chip-icon" }, index.h("dga-icon-v2", Object.assign({ key: 'ca90e9d5279d6d15c64d48d39d35bf10d19bc3f2', name: this.leadingIcon }, this.leadingIconProps))))), this.label, index.h("slot", { key: '2c5921d9358595db6839e616785d186d62d8f82b', name: "trailing-icon" }, this.trailingIcon && (index.h("span", { key: '56dae547c396261aa7960c3289d5cd29645890ec', class: "chip-icon" }, index.h("dga-icon-v2", Object.assign({ key: 'f300fbae5585dbf332c781d916f60a14200dfa73', name: this.trailingIcon }, this.trailingIconProps))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/nds-floating-button-usage.cjs.entry.js

@@ -7,7 +7,7 @@ const NdsFloatingButtonUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '1077ca0b8a1c641f129a560f2fab077eb071e526' }, index.h("dga-flex", { key: '0e4fc0f68a48a29cb51304cc7c335c081dd5f8b5', direction: "column", spacing: 16 }, index.h("nds-floating-button", { key: '51eaecdc1b26b083b1c31e0315fc69a9f420c987', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: '95c96244a8e4d6c18bb8df8b34d4b9fe0bb266dc', variant: "primary-neutral", label: 'Button' }), index.h("nds-floating-button", { key: 'b4046ca70356e47f946d7035ff4572e5b68094fe', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: '6850de062f4d3b57a80545aaaa81a33a57ae9532', variant: "primary-brand", label: 'Button' }), index.h("nds-floating-button", { key: '8923b990baeb8b96770324028108f07c8ba9df65', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: '5c847753cce63f00a72664dd26951a5bdcbfa087', variant: "secondary-solid", label: 'Button' })), index.h("div", { key: '977fb56e1b173eb335808d3279938154befd1053', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, index.h("dga-flex", { key: '2f29434c6a9720731bf50c4b35b0b1c24d95ac4f', direction: "column", spacing: 16 }, index.h("nds-floating-button", { key: 'aae7230aed0efb57cacd5ed44c60924533f95b2d', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: 'd350ac9cc4bf197528def370259bb9a09b51997b', variant: "primary-neutral", label: 'Button', inverted: true }), index.h("nds-floating-button", { key: '0d553f7e05ba667ca27139eef21c22c48362b0ec', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: 'de24454901b2d9f29dc034a9cadba10afef6e294', variant: "primary-brand", label: 'Button', inverted: true }), index.h("nds-floating-button", { key: '333514f4e6297be77e73f7725fcbae174cf379e0', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: '001973bd2d981a3c6da7db63094f93d9aac909bb', variant: "secondary-solid", label: 'Button', inverted: true })))));
+        return (index.h("div", { key: '32f21ddfa14231787e1b0122ae25752c1d536094' }, index.h("dga-flex", { key: 'a1ccae21950aaca97c2ac1e1555cf95f76de02aa', direction: "column", spacing: 16 }, index.h("nds-floating-button", { key: '958347ca24ed45edc915e2c97f3599bea1126dc1', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: 'b3f619662614b7f4c7c25fab15def780e79e5119', variant: "primary-neutral", label: 'Button' }), index.h("nds-floating-button", { key: '0d8b5e680d673488fb9a6ce4f943fceb5198fc95', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: '26a041194d68c4106596b0e9ec3459a97e106040', variant: "primary-brand", label: 'Button' }), index.h("nds-floating-button", { key: '127c5d9dc07d1d744be87f0528f805cbc09d40b0', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: '247ffda35b43e730dcb066d567790857082524a4', variant: "secondary-solid", label: 'Button' })), index.h("div", { key: '1f0d3ec8f85e2bfe742ff3c0d0eea0a7592273c0', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, index.h("dga-flex", { key: '67c808e6f892785c6672bc179764870e33f28093', direction: "column", spacing: 16 }, index.h("nds-floating-button", { key: '8592285b51cc9680994a6ca6cad2e6460fc2c0c7', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: 'f2b9c7ad86c36e069b6d6e5553d931c7886a6cb8', variant: "primary-neutral", label: 'Button', inverted: true }), index.h("nds-floating-button", { key: '039de0d68b4812a4b55e393608d28f486f608cf4', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: '6a04751d5ae4c59fb4386cd532af37f212aa4b55', variant: "primary-brand", label: 'Button', inverted: true }), index.h("nds-floating-button", { key: '42d9233d96deb3dca678679565e9e7e8e1799b05', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: '9458872ae30c9f0fa85f2411436ed69b5412c4c9', variant: "secondary-solid", label: 'Button', inverted: true })))));
     }
 };
 

package/dist/cjs/nds-floating-button.cjs.entry.js

@@ -22,10 +22,10 @@ const NdsFloatingButton = class {
         }
     }
     render() {
-        return (index.h("button", { key: '5a3680ba3a86e6ec15013080ee780dbf9a6598be', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
+        return (index.h("button", { key: 'a77e04d557ea0fb2e5978f03ffbd0c8ff856c3f3', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
             NdsFloatingButton-root
             ${this.inverted ? `NdsFloatingButton-${this.variant}--inverted` : `NdsFloatingButton-${this.variant}`}
-            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, index.h("slot", { key: '38f245d63343d0bf06d64494ca7d31a20b9be142', name: "icon" }, this.icon && index.h("dga-icon-v2", Object.assign({ key: '34098f63414dbcf5ef034a23ee25c52d1dc06026', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && index.h("span", { key: 'af86c9efac969faa24b98aafcbe3a0be21a7f014', class: "NdsFloatingButton-label" }, this.label)));
+            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, index.h("slot", { key: '7407ed895efc267888625b5cfd2865d38cfac6ea', name: "icon" }, this.icon && index.h("dga-icon-v2", Object.assign({ key: '8da7c8766ece098127fce0f7be9232672e705efe', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && index.h("span", { key: '3712ede073ffcf4eea2994eb94cefab44a79d70f', class: "NdsFloatingButton-label" }, this.label)));
     }
 };
 NdsFloatingButton.style = ndsFloatingButtonCss;

package/dist/cjs/nds-link-usage.cjs.entry.js

@@ -7,7 +7,7 @@ const NdsLinkUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'a27f7945ef4a777419bc07c853d55b3dc673b567' }, index.h("h1", { key: '54a680f61b5d8f9f8be59ecfed0d308ee741708e' }, "Button Example"), index.h("div", { key: '5098ca194a84accf70fe8d626d2ec9dc1e6112ed', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '6abea75bf4980cc52c85a2eede3fd8d8f511c743', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: 'e726ab8464b1edc4cb9193d6d310332d1cd936df', direction: "column", spacing: 16 }, index.h("nds-link", { key: '2650e63344a480cc03fbf28def4a4b8c9dc3a7ba', icon: "link-04" }), index.h("nds-link", { key: 'c14d8ab5bae8c36f8c1801586749d258c32610af', icon: "link-04", label: 'link from props' }), index.h("nds-link", { key: '9101d2ca20d6aaac7719ef13abf634fefe3894b4', icon: "link-04", label: 'link from props' }, "link from child"), index.h("nds-link", { key: 'd1891080e69454d7f213fc2d06f6633959dddffb', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), index.h("div", { key: 'c5b287c34cf264f1be7543aa44833b481443a54e', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: '43875a97796dfecdc5bbd44c8a24ff218c6ee047', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: 'a2c45882c55a5d6e84b6e5e69f3bd5618f46c3e4', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: '756c97529b96fdd6849e2964fdfa8bf6a66b11cb', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: 'fb1facdcb4ce219539c512bf0bf4bb5dd6c54099', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: 'debb37fcbbeb25cf0cce43a746ce36a8fec75323', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: '7139bfec3792e7be357204b5eec9dade4e149f71', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: 'dc496c1b353eae7c400c4141c8fbc7808783197c' }, index.h("h1", { key: 'ad7089258bd20bd9fea220cc659251039652ca9b' }, "Button Example"), index.h("div", { key: 'f75e5a6b5dafaae4b0ac139ee92de9e4ba80d1d3', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'faf0ec5f70932b47a269553786d40076412a70c6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: 'f4ada9c9d3a4cca1abc11b6a2172637de9896826', direction: "column", spacing: 16 }, index.h("nds-link", { key: '8683a5c4e1cb5d92c6c44a4badd88e5112b0ebb7', icon: "link-04" }), index.h("nds-link", { key: '8b4ac38aa99a7e89ecf55631f0e506648d378c56', icon: "link-04", label: 'link from props' }), index.h("nds-link", { key: '9248d508252bf46bfa1c1e1c58fa083b9f9b42d4', icon: "link-04", label: 'link from props' }, "link from child"), index.h("nds-link", { key: 'c1b27d356d0eb26107df47db594c400fee9d4fbd', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), index.h("div", { key: '4b248a4dc81f99aa2dc4cb5cf356bd3b87b8e9fa', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: '36f4abb5b2b6c2115d7fe7dcbd2c5090f71904ef', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: '1074e770912405ad931ba435b30c6f4a8fa6c7e9', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: '77c16d7c357ac29b84634813d7cf08b9ae763010', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: '4be47f28c53aec7fab14a5f30281fe31e0096535', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: 'e1265dd50213754aa7a7720e4bbd3095543e052b', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: 'c4c75a8b2c372f964a00c7181efc81b819f5c517', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/nds-link.cjs.entry.js

@@ -17,7 +17,7 @@ const NdsLink = class {
         };
     }
     render() {
-        return (index.h("a", { key: '061460e1bea53e88885bed5c862295ef43e51094', href: this.href, target: this.target, onClick: event => this.handleClick(event), class: `dga-link dga-link--${this.size} dga-link--${this.variant} ${this.inline ? 'dga-link--inline' : ''} ${this.disabled ? 'dga-link--disabled' : ''}` }, index.h("span", { key: '8107c87c9165ddb05d5f3d239d921ab9788eb405', class: "dga-link__label" }, index.h("slot", { key: '9e38f56d72a0549a104c05402b303aea18d26ba6' }, this.label)), this.icon && index.h("span", { key: 'd51e592d0ea0f22bb90d849869a2ef51642ba3ee', className: "dga-link__icon" }, index.h("dga-icon-v2", Object.assign({ key: 'a0b0be328dc8a85ebfe382ea4f7e8a392bc10750', name: this.icon }, this.iconProps)))));
+        return (index.h("a", { key: 'dbd94771061d7d7ccca1b3bd1dea82f89553f885', href: this.href, target: this.target, onClick: event => this.handleClick(event), class: `dga-link dga-link--${this.size} dga-link--${this.variant} ${this.inline ? 'dga-link--inline' : ''} ${this.disabled ? 'dga-link--disabled' : ''}` }, index.h("span", { key: '58ae044054009e74eb26a050a511b7b18d91ee2b', class: "dga-link__label" }, index.h("slot", { key: '5d1bbdf501c0a567cea56aaa46c07275f61f6479' }, this.label)), this.icon && index.h("span", { key: 'c6d7d1ff86759bb7df5b1da2087625cf4f61419a', className: "dga-link__icon" }, index.h("dga-icon-v2", Object.assign({ key: '639282bf9b02dabd778d68cf9a0cac553ac51377', name: this.icon }, this.iconProps)))));
     }
 };
 NdsLink.style = ndsLinkCss;

package/dist/cjs/nds-table-of-content-usage.cjs.entry.js

@@ -7,84 +7,84 @@ const NdsTableOfContentUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd374df1de9d5fb6aeec71c8c39a6339f4de55f3b', style: {
+        return (index.h("div", { key: '6ff988d27d18ed1e8813ad5f412274fa00c51d6f', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, index.h("h1", { key: '1ddbcf4d675541519127955cdfd1114012a750dd' }, "Table of Content Example"), index.h("section", { key: '0933f193f3c1ae4666bd3902ff0ae79d23549074' }, index.h("div", { key: 'c1a38a4f2ce54c5717e92c2aac0d521efd4c446d', id: "section_1", style: {
+            } }, index.h("h1", { key: 'af997c5da210d0b91bd72944366b5fd580e7b313' }, "Table of Content Example"), index.h("section", { key: 'de646842f5a400a16dd5850d0e682d9f840c549c' }, index.h("div", { key: 'f74001372fb78f3602278754e1c70e6fd87a5edb', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, index.h("h2", { key: 'dab1e1154b97daa49c6afce571872f669c6c5fdf' }, "Section 1"), index.h("div", { key: '93d75ac1760c51b088d5ade8b85afebfa5a528c2', id: "section_1_child_1", style: {
+            } }, index.h("h2", { key: '28d77a108aaed66a754745f82127b3df32feacb3' }, "Section 1"), index.h("div", { key: '5c27557757db8edc121766779b7253e8d4b211cf', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '335bfcf9a7e51242d4b2766346315e50db6746b7' }, "Section 1 Child 1")), index.h("div", { key: 'efe1651d3e613c77335631510c9b40c70f49b9a9', id: "section_1_child_2", style: {
+            } }, index.h("h3", { key: '53f66b3724abc53b591888255cc8b28b75a6d70d' }, "Section 1 Child 1")), index.h("div", { key: '6dc79e7764ce2d70deeafd423a9cba64c7f46648', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'c3093ff7b2a1af4f9b86fcd5e49997f0e170b91f' }, "Section 1 Child 2")), index.h("div", { key: 'f4080e18936dd9aea3b43905808d9f9681f893ed', id: "section_1_child_3", style: {
+            } }, index.h("h3", { key: '9ae8cc8db184d3de61100b11f2d0e791559d815a' }, "Section 1 Child 2")), index.h("div", { key: 'f8d42c29c4d15fdebfd08a3a219414fbaa5f71dc', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'ba13f26ca5b19794395e5739240cfeb607321f5e' }, "Section 1 Child 3"), index.h("div", { key: '2f78f27b26949c8df8166a2f3c224500ac77122b', id: "section_1_sub_child_1", style: {
+            } }, index.h("h3", { key: '31b2c28e68da333314a169b21cea4e880762a535' }, "Section 1 Child 3"), index.h("div", { key: 'd84106b2ad1149bea1649ec73d26e36edf18c79a', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'd34ae6ccf0b5182c4e01d2cf763c24b3cee7de13' }, "Section 1 Sub Child 1")), index.h("div", { key: '79b5241ceba9fc0d32b676f533704df5f9f8ca13', id: "section_1_sub_child_2", style: {
+            } }, index.h("h4", { key: 'f91b2c766fb47bee85f838d1a473278735d9c166' }, "Section 1 Sub Child 1")), index.h("div", { key: 'f3aa7421c5e0859ea258935856efa1d6574b6f9f', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '84794462343c8bdd74b1557ba968a5768c4df820' }, "Section 1 Sub Child 2")), index.h("div", { key: '012b68c5604d928eaa28967e9bfd7147e845ba07', id: "section_1_sub_child_3", style: {
+            } }, index.h("h4", { key: '758dd5a9fe3cee98941d7a158377c062e1b9ad78' }, "Section 1 Sub Child 2")), index.h("div", { key: '096583ce7e42ade2016061057fe2d70f5d709b80', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '616a7d35864b1ffb9be6819caaa702f39d6265da' }, "Section 1 Sub Child 3")))), index.h("div", { key: '64d230965070d10551ed817d32137d1004301517', id: "section_2", style: {
+            } }, index.h("h4", { key: '32e272fb36d8d53982da9384bff101ee9ee69344' }, "Section 1 Sub Child 3")))), index.h("div", { key: '7664980123352947216caf6bc574285042b41aa7', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '1fda144830a9f96c5940eb793e78944f8dc6683c' }, "Section 2")), index.h("div", { key: '4cbd623f10ff27c412ea16b518abb032afd94211', id: "section_3", style: {
+            } }, index.h("h2", { key: '4b5ce6cb72e2e0b08ca45bf746c7ad712af80f27' }, "Section 2")), index.h("div", { key: '95a6011fcd60269e6fe8da244c9a799a3c18ab9f', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '1064d9ce6553ffedd10764c89d1ddeb251c4c902' }, "Section 3"), index.h("div", { key: 'f5cede3f8f757f6e7da29660ab8613debffefcd1', id: "section_3_child_1", style: {
+            } }, index.h("h2", { key: 'dd8d10d08dabd7e824e1c1ffbc3090ab99fdec3e' }, "Section 3"), index.h("div", { key: '6bb011be74ee02778730df65689bd4bc55fcd519', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '74fc34a75bbb92f3fe8780ee2156b9006d43c670' }, "Section 3 Child 1")), index.h("div", { key: '338b3ddeb8a56b6764caa8a6a14d3b5ae30afc30', id: "section_3_child_2", style: {
+            } }, index.h("h3", { key: '5e3b532e1208c812b441d1768353cb95749fc632' }, "Section 3 Child 1")), index.h("div", { key: 'cd320072ea566ed98a79adb6972858cdccdf7840', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '2ba2b521664e03b4345a03b11a869d85b821bef9' }, "Section 3 Child 2"), index.h("div", { key: '5e3fceb4c05f947da350df38d46e6940823e37f7', id: "section_3_child_2_1", style: {
+            } }, index.h("h3", { key: 'e8763209271a7dbc1fb6a4b931b9fb821f7db796' }, "Section 3 Child 2"), index.h("div", { key: '412fb11117204ceca379d2c605d878020f4aa09d', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'bfde3e30c870d7f308eccd0681b318e3ba6473ae' }, "Section 3 Child 2.1")), index.h("div", { key: '9316d10ccd7b0a4026e54bf6b4e4e6e50c1467e6', id: "section_3_child_2_2", style: {
+            } }, index.h("h4", { key: 'd876d80e69aa279056a633db376d46754c0d55c8' }, "Section 3 Child 2.1")), index.h("div", { key: '50b4cfa29c8f1a2b672471d9563942e2b041396d', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '013c84eb8eb4994d5758c6a8f154e8f8f5bf6892' }, "Section 3 Child 2.2")), index.h("div", { key: '0e5e0b68a1bcf884038526294398937f2a6076d6', id: "section_3_child_2_3", style: {
+            } }, index.h("h4", { key: '9e96a864562ce77108836c0baf7034235a0186c5' }, "Section 3 Child 2.2")), index.h("div", { key: 'ba5a2264c00aab6c90f65637dae9c8d0c0f203bc', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'f92be07f3186bb50282b84bf45c5028c28a5800d' }, "Section 3 Child 2.3"))))), index.h("div", { key: '31e7562fa06b4d59b2998b19b7c70dd46007fd1c', style: {
+            } }, index.h("h4", { key: 'f72810752542fd0b1729cf326892903104e91ad9' }, "Section 3 Child 2.3"))))), index.h("div", { key: 'a1f6458b231b7e55026e6b1434c3db1742c88e0e', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -92,7 +92,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, index.h("dga-table-of-content", { key: '00757186d052dbec3d8bc9ac7ade8f5867936bdc', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, index.h("dga-table-of-content", { key: '1463cf295f95f3c63cd44e54488f54c6393a7015', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -127,7 +127,7 @@ const NdsTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), index.h("div", { key: 'f3756e3eb1be78331c25d24106051273fe0b9199', style: {
+            ] })), index.h("div", { key: 'b1e6676fdbc9a3a0d36736c87b16025bb158e775', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -135,7 +135,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, index.h("dga-table-of-content", { key: '6edf19e8ac1016a37d4a3e23d85e468e519bfbe3', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, index.h("dga-table-of-content", { key: 'fc90f1f99a5e1012879ba354310952fefc98f44d', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

package/dist/cjs/nds-table-of-content.cjs.entry.js

@@ -150,7 +150,7 @@ const NdsTableOfContent = class {
             _a.map(subSubTab => (index.h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (index.h(index.Host, { key: 'ec60e709c24321a2e1462e551fe1bf7bb3d9c534', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("aside", { key: 'b7ceec21f8bf9e1371d7889d370b2678b9349f25', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, index.h("div", { key: '52faf9412af2b39961a5925f6eca8c8b89c412d3', class: "table-of-content__header" }, index.h("p", { key: '1d12255adcd8a7242bab9f6470e9e4a557489275', class: "text-sm-regular" }, this.subTitle), index.h("h4", { key: 'ad1516cdaedb598c456a1175b17858fa8e028743', class: "text-xl-semibold" }, this.tocTitle)), index.h("div", { key: '590c6a19d801d25308c2b96140aeb2da9b4fd287', class: "table-of-content__body" }, index.h("ul", { key: '97d3def5821b47ebfc128da1ceb8a2a3c06da6d9', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (index.h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (index.h(index.Host, { key: 'ac0ce1543b8a4556b22cfdb1f7e8761745c31c10', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("aside", { key: '854fbaa37dc984d9368bc6501035d36046c15c0e', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, index.h("div", { key: '205782a0e4cadd5e711134f50b41178083fc740c', class: "table-of-content__header" }, index.h("p", { key: '9d75819bd96b5194f84cf24df34140c2be7d82dc', class: "text-sm-regular" }, this.subTitle), index.h("h4", { key: '47869006813d4fa830e53e1bc1b2a3c3d35790a8', class: "text-xl-semibold" }, this.tocTitle)), index.h("div", { key: '125041a9d96ef160f5389fa9e72a5400eec6499f', class: "table-of-content__body" }, index.h("ul", { key: 'c8d7cec0a4d30ea91dfd867b132fb633d775f01d', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (index.h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/components/dga-accordion/dga-accordion.js

@@ -73,10 +73,10 @@ export class DgaAccordion {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '6376b3dac9a7529b2960931863cdc8339040575e', id: this.componentId, style: this.rootStyles }, h("div", { key: '4904d52f5f08abfeca3ea89f4dd3b6df3843871c', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: '0420ad1be0d0ceb6580ecf33a5d28eb7a77a11cb', id: this.componentId, style: this.rootStyles }, h("div", { key: '5deca9dc78a29a8dbb5706906ed2c310563ca4d5', class: `dga-accordion-item dga-accordion-item--${this.size} 
           ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
           ${this.flush ? 'dga-accordion-item--flush' : ''} 
-          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '6317d615256e04a50303ad1ae94f2fb7cd2b7bcd', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '9e05866c91dd1694a1158bcc869ad82d93a0ceef', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: 'a56ee196cc6d3f67392cb082f579756ebc08bfc2', icon: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: '4d6f5f96282015ca73ee41c51e2a1a1a6c7e1ca3', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: '09260dc3288a8498aa02260f3ab39383b257d3eb', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '8ad098fc1560a3793c006baaa4280a51aa5f90e6', icon: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '31d794cf87f40610858ad84570a6eb6738ce93cc', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'c735bc6226fd656b86a27eec32f6c0ab7cf56ca9', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '034036e028dfbd95ccad983a39215cc536964b19', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '45b1202d2ce77fa5813cdbdd540612d0017d268f', icon: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: '4430457dcb21147634fbc199809be9fcb69f6ec5', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: '54e48ad16c79b2fdc7df4d70e098bbca6ee0de73', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: 'bc031f43cbcd45ee436cb407db094e7e974ca8de', icon: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '7bd3df69e5fdd54beb4aa1ae0caad3501bef95e1', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
     }
     static get is() { return "dga-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-actions/dga-actions.js

@@ -21,7 +21,7 @@ export class DgaActions {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (h(Host, { key: '708ea985a44128b34594f8bd32f65e4807394499', style: styles }, h("slot", { key: 'fa7c50a31f5832c2751c60bb5734419a61c11bbb' })));
+        return (h(Host, { key: '50cef7edfd91a7e340e515705ed9ccbdfa3c7b00', style: styles }, h("slot", { key: '1fff4c90bc6c0e2e720473d16b1877b0765a1dec' })));
     }
     static get is() { return "dga-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-apex-chart/dga-apex-chart.js

@@ -55,7 +55,7 @@ export class chart {
         }
     }
     render() {
-        return h("div", { key: '4b50bd8badea963ca15b344f40cf7dc12da90db9', ref: el => (this.chartRef = el) });
+        return h("div", { key: 'bfa0d15e1ace18cb648fa212f26ef4d5ee733005', ref: el => (this.chartRef = el) });
     }
     static get is() { return "dga-apex-chart"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-avatar-group/dga-avatar-group.js

@@ -17,10 +17,10 @@ export class DgaAvatarGroup {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: 'b5a3e5b1a249e9b54787e989a1d6d4af5481f8fd', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '1088e3d147ac4e2d35c485854eaaaa537e1acc40', class: {
+        return (h(Host, { key: '7b1d993133eeb8dafaf4b047119bb7f41204e322', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '2cde79186beb2593f3597b6e0401e367216c9f00', class: {
                 'dga-avatar-group': true,
                 'dga-avatar-group--stacked': this.stacked,
-            } }, h("slot", { key: '85eae3fb02744afdea051551601fdc224868148b' }))));
+            } }, h("slot", { key: '72cdfe846f77dbf0104e9738d1f59a954d014e73' }))));
     }
     static get is() { return "dga-avatar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-button-v2/dga-button-leading-icon.js

@@ -6,7 +6,7 @@ export class DgaButtonLeadingIcon {
     }
     render() {
         // Check if there are any child elements
-        return (h("span", { key: 'b182ed4a863d600e9c006533a8c79611d49caaf4', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, h("dga-icon-v2", { key: 'be52a7f7de8fbb6bd7d3474475b8620e635927c1', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
+        return (h("span", { key: '51c5201ff4b203cf8a7477e3df2a421c97de4195', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, h("dga-icon-v2", { key: '1f6b6a98754545de0d6b210d84a88633a0780f47', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
     }
     static get is() { return "dga-button-leading-icon"; }
     static get properties() {

package/dist/collection/components/dga-card/dga-card.js

@@ -66,11 +66,11 @@ export class DgaCard {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '8261ba2914cdf2a5f75807c02cb6aa8a14a360db', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '05520314bec93fd15322af30672a6e0e3b749d5b', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '2a636e776587b74671b8b0e66a07d70a2f477372', class: "card__image-container" }, h("img", { key: 'fec683586ffcad88bae4462c6c8feef916aceebd', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '5a6770039768c3e6f5f31366e3eabf1e9d48c3c3', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: 'eb0da9002baac0cef488cd86cf79bf5b14eb7684', class: "card__checkbox-container" }, h("dga-checkbox", { key: '1688b5c48ffe235a66b84c1b78f6d105e9bd79b9', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '53a67e1e526fcc9e00076bfebb77e2e39fbd07ef', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '99884fc68c04fac6b999a5487d4d955567e2c1f3', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: '181870477d9cb6fc68e7bfdadb3ab86c354224c0', class: "text-md-regular" }, this.description))), h("slot", { key: '53d408370d8a6b3ef08ac78c81acdbc0f0981857' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: 'bbb70fa1fb8e4fe32eef311d5b610d93a457eb64', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'b1d11e34257876fb1b3860a58853966dffe0a86f', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline" }), this.showPrimaryAction && h("dga-button-v2", { key: '6784cd356f4de682fdb9113ad1f81fde11a959d9', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary" }))), this.type === 'expanded' && (h("div", { key: '57d9735c731eb75d904e23a3cc26235b8cc42019', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
+        return (h(Host, { key: '86d33361aafcc6abc3869b700543dfab22e73b5f', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'f4b971d65fe31a8d6b4a70557aab317e75684fae', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: 'f2fefe942384e3f0796bdfc8e731dd9173f6831b', class: "card__image-container" }, h("img", { key: 'd5df6adfe1fe0a5ce769d88b13d1bf8e2376930b', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '1e51a66c5c186cbf100380afb84db428f657ae72', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '88c8bd657deea79a9815baa4c37910c1a081ad38', class: "card__checkbox-container" }, h("dga-checkbox", { key: '3d254fc95831e9ca5a364f2121b4e2c9fa3cc1f4', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '821a3824fa6bc457e6a53de9789b75787adf9028', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: 'ac3b4ca163aaf1669f5d1d8b390adc0b67d3815b', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: '1bb6fce224d80803b0dd4599e0f431f4f75548e9', class: "text-md-regular" }, this.description))), h("slot", { key: 'b5039ab01d3107d25957dbbe6c64f216d9cc0241' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: 'e6e13528af3e49a02234cc343fd79fb9e5de22d1', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: '49cb7f3e7df45e2ff60b9eccd3e6d933a8e68cbb', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline" }), this.showPrimaryAction && h("dga-button-v2", { key: '720933d2acabcc2afc14efdea31ca5cded01f36e', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary" }))), this.type === 'expanded' && (h("div", { key: '90809bc4ced8b4b071ee55ca6fcf56121892c7d6', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
                 name: this.expanded ? 'arrow-up-01' : 'arrow-down-01',
                 variant: 'stroke',
                 type: 'rounded',
-            } }))), h("div", { key: '2ec837d8fc00d69d134e480a4ba38d583e3564b6', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: '1b5f1d9a5dd28ed4e86781a044336b20d1c033e9', name: "collapse-content" })))));
+            } }))), h("div", { key: 'a3007799c91bf737d771da07331900028b26ad96', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: 'bb1f24b1c21c79624209d55f1f01ad035e06818e', name: "collapse-content" })))));
     }
     static get is() { return "dga-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-actions.js

@@ -33,7 +33,7 @@ export class DgaCardActions {
         this.expanded = !this.expanded;
     }
     render() {
-        return (h("div", { key: '70381ac30bb2cc7dc082965284b6b7ce73d37d86', class: "card__action card__action--default" }, h("slot", { key: '0c9e7ed2c8f89e79169b4dee00334753d145aea8' })));
+        return (h("div", { key: '6ae00ef9e35323193548b09181d98661f6a2236c', class: "card__action card__action--default" }, h("slot", { key: '8c0b33666776f9c8d3cc3c4e4d121ecf25b9e6c0' })));
     }
     static get is() { return "dga-card-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-content.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaCardContent {
     render() {
-        return (h("div", { key: '446e0c52bf0969f5bf211a549cf744873adbe959', class: `card__content` }, h("slot", { key: '851f7596d4c3b7113d3762f74c2b00e94e38e00a' })));
+        return (h("div", { key: '6954c1c5983c948327f71cb46e01787af52b2bf6', class: `card__content` }, h("slot", { key: '874321faa6047fc96953099ee0323f6a12ab152d' })));
     }
     static get is() { return "dga-card-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-expandable-content.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class DgaCardExpandableContent {
     render() {
-        return (h(Host, { key: '7cbad33220fd6b68cb5287cf7a3b5db502f9cf71' }, h("slot", { key: 'af92af6702e370fae6a053ae073df722f32628b1' })));
+        return (h(Host, { key: '3ef125b82ea273ec7ddc8311bb7d4569a6e22160' }, h("slot", { key: 'd4c254d27b712c28f32dee8e19f9ecba076c6d5e' })));
     }
     static get is() { return "dga-card-expandable-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-image.js

@@ -47,7 +47,7 @@ export class DgaCardImage {
     //     minWidth: this.minWidth
     //   }
     render() {
-        return (h("div", { key: '00cbc9a62ff0cb0c246d77e5ef9380449537f15c', class: "dga-card__image-container" }, h("img", { key: 'caa43aaefeb49a0b089c1f792c9151b308b094e2', src: this.src, alt: this.alt })));
+        return (h("div", { key: '5f95886d11de7ffd2ba0de1a853a275ef1ecc895', class: "dga-card__image-container" }, h("img", { key: '82966daf75003e7a86d752c74f5a78bac7ec020c', src: this.src, alt: this.alt })));
     }
     static get is() { return "dga-card-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-title.js

@@ -53,7 +53,7 @@ export class DgaCardTitle {
         });
     }
     render() {
-        return (h("h4", { key: 'be0a28996bc5461c12b7631290916d0aa4aeb1be', class: "text-lg-bold" }, h("slot", { key: '2f44395cce9541d5c728837666f6ede9b09c2d73' })));
+        return (h("h4", { key: '8785b473294f99d0c5a8ba750538bfb02e13c080', class: "text-lg-bold" }, h("slot", { key: 'e068f8b309e912bb7c769b8f310a0b3649b97b48' })));
     }
     static get is() { return "dga-card-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-v2.js

@@ -87,7 +87,7 @@ export class DgaCardV2 {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'dc0c881744e6458953c9becdbcb2a4fa1556d81f', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'd26ff98d8700c7731729bde7281d148963fd0a35', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: 'ee47d3c745d0510cbf0a5c7b98b09a5d5e51c75d', class: "card__checkbox-container" }, h("dga-checkbox", { key: '83c21946cf0f86e76dc97abb3e140b732dd11087', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: '350d32fdd7354aed8a86fc93defc0430070637ac', name: 'card-content' }), this.type === 'default' && h("slot", { key: '24d507cc53e8d80a35374a73d6583dca45417050', name: 'card-actions' }))));
+        return (h(Host, { key: 'b3cf7be36254d48019e14dc943e877b2a24cdd55', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '4be28fe16ebf66b1d77b5c9def28c85f1be7c877', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: '0c80673ea92c7459e4a5580e5eb26f24e4f78e80', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'f8176513580648d3668225146b0f0735279f6899', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: '7ab63199ea439af1d42f8cc94b02d0323c727d33', name: 'card-content' }), this.type === 'default' && h("slot", { key: 'bcdfbcb0a8c494559ff1b69571de7fee7d9052a8', name: 'card-actions' }))));
     }
     static get is() { return "dga-card-v2"; }
     static get encapsulation() { return "shadow"; }