@platformscode/core 0.0.25 → 0.0.28

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

@@ -4,13 +4,13 @@ export class NdsButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'b465a949780182358de55de5b730709552676874' }, h("h1", { key: '03372103769f08812e1d345f58c18b54019635a8' }, "Button Example"), h("div", { key: 'bf3dedaba30aeed92d5125a41e9aceed561c2662', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a8ea32499a9b87c234a381a3b8be8f9727a9f164', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '9a5ed298befb4aaea057a96f0b06ddb3dfe586bf', direction: "column", spacing: 16 }, h("dga-button-v2", { key: 'a7f2073287e673f87086288496261bd17f014f05', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: 'cb57224836babd993e05539f3420daa316116703', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'cc35a6f2f6aa5289d602d699c2700bcdd9d478f9', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '462ce6bb501c92e22cbc86076586b12fe40509b6', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '2762aaa5be5e6001092d3839636b970f0913b5f5', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '7e63c04181f791b7ddc4e71157ac7aeecb131f1c', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '0147c19e8764f61a441fbca60cfc0bbb58f2e4a0', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'c924c7bdde689fd02707f8eb531a532e1aa8ef2c', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'ca3614b4eee886253984cc1f443a273f5d2452cd', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'a65bce6b55ace2b13cc019a5b7b30b0b80f4ff42', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: 'ed722f59226e4df482c334eeb54725ea53cd94bd', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '5ceadbf8a23cf10edf4c397582bfe2109dfb8ed3', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '38a11be42a3db50fb375c01ac322630040cb48b9', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '9d963f9663ad29c98b299a3fd0dd4fbe664aed0c', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '575c700fac6b47944a03acbc59276b3593e15e36', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '550293a59f1727ca24036ada871d3feb40ed7f31',
+        return (h("div", { key: '56a7ef337ff09b7f1c3a08187c21b7f3aa7cb96c' }, h("h1", { key: 'ca9717cef5798d56c3eaad850e0501cb5cc87215' }, "Button Example"), h("div", { key: '7c7f2bb18c37b9878aa655b100a54a363bd650a3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5431963690e4029f2b5fe10b7e2e248bf64ad86d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'b077dbe4db68b0bff9c1f7ff080972049b766cc4', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '6ac388d692be98e218994016f44fdc53664e7ed8', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '4e54e2f6413fd2b50cbcd9f2d10d9a797fcf8c0c', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'd4728654f620ca8351993a2a9a185126ca9dee7d', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'c85d8145164da44e08d2a5498435065aa24c1546', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'b0a20e61bbec22c48744a962153ee39046e0bbd7', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '5e0838ef9974ec6342e199662a9d5671c41c0b2c', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'd4e1dbeb76b97149e7a4cc5ebc976a21f47260bc', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '5e708a54fb4762e6aec54699aecd1a3b5172919e', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'c3e7bcf88f0c14a4df19ef5d0c074f53c17ad6b8', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '6b295cea662acd66cdf58242b91758d620618f6d', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '10f9427040f39a44f1be10342a8e7cefd5210ecd', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '3c534d208fd76cff93b545c2eed0054a386eba54', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '82e31140b806cfc72557dce6027505ba63798508', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '2ba45b4394c6059122515b0b7d75c21436f9342f', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '8392c0b038dadd80540f3a649816ac7492b57a1f', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '0690b4bf8b5a6756ed23e5399a0f29e8d60bd930',
             // 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: '203bb002ffc7d2a229e2fa021b0cd4df4a71ddec', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '7191372aff562ea79a6ecc17a4de3150948285bb', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '06154b18f40672678099c9864c1f495c6538a570', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '22de52cb09c69dba500b5796dffdb2c6981b81ca', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '2d49caf1e6765e6229966e6ae2c9eb465baa5bd5', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '04a4d740a417bb0b99408ace9fe816d2b600e2c5', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '22bc83a472af70232305eddd67c9549e88b705ee', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'a30a63267b64c21d04f0dfdc1ada763c2bfe06fe', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'c0b8969ae1b54dfa538477e74d6010df4a2f298d', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '14adca061189dc8ecaaf3ab6c094a17577c5b0dd', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'd4b933594e9225058ad996f0fe626f3c1e084071', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'c16f42b651dcfd75e5435fe45114eac0c7486917', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '77517d27e1b0b26631c90362d57a45ca8d9eb35f', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '14214c0e1f68c0e5a43ac307c832a234619c5b21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-button-usage"; }
     static get states() {

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

@@ -4,14 +4,14 @@ export class NdsChipUsage {
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: '75ae4c5e9426c7063f39a3e5e6f1a341b0d74ac7' }, h("h1", { key: '95700717b596cba229cc1c3134f55f38bbe17253' }, "Chip Example"), h("div", { key: '52414ad9825dcdd7d2c1af2536e098013f1b001a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7dfe948b71b18385fec161a6e6f040350cff69f2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '9c438dd82a3f67f6bc5d4fdd55bbd72ec7609e7a', label: "Label", variant: "neutral",
+        return (h("div", { key: 'ba5570a6802264a3e6b19c4dd2da122130d15872' }, h("h1", { key: '2dfdad0efc228fa1f5c9ff05447c2e4eb235c34a' }, "Chip Example"), h("div", { key: '6485034d6faf2d57bbf42419ec33915871c248ab', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5896a0e99e12f8b43f5dc59aaacdcda1a97eb421', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '7b2add965a905f4dab42157e22ca94b36430c7fc', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("nds-chip", { key: 'f5466dec0ba9848b612ce685b70f8f266d7c2017', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), h("nds-chip", { key: 'a000edc0619b19cc48e40ae73a5caa8824de2921', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), h("nds-chip", { key: '2e7275eb1fcdf9a571f9def3503b7a44549a9da0', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), h("nds-chip", { key: '96dd2014d250fb2ca36faec9c0b972cdc0f39902', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, selected: false }), h("nds-chip", { key: 'e12f5d750c09dfbb5939920a4856a87edffcfce3', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '5c1da7b3de2c92e937209bb0177ddd630f486504', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: 'f2f9f3cc761d54d37dcb6431bf1aae5917ddb8b2', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, selected: false }), h("nds-chip", { key: '12c9d4459a6228203dcdc57ae39f8f5aaba353ab', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '2fb23a19bfe696a13d0c693c164976fcd57eade4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: '442c2c705ef14663d2dd9377278aa5502683c2cf', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
     static get is() { return "nds-chip-usage"; }
     static get states() {

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

@@ -43,7 +43,7 @@ export class NdsChip {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '270987692d8c56aed13f7dc79a5ee76f73f393d7', id: this.componentId, style: this.rootStyles }, h("span", { key: 'ac26c5fde928ccff24bbfbadb4c2ff1cb051c138', 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 (h(Host, { key: 'c9ac8c63367e77702f8a3ff6a565881e4fa39ae5', id: this.componentId, style: this.rootStyles }, 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: () => {
                 if (this.selected) {
                     this.isSelectedState = false;
                 }
@@ -51,7 +51,7 @@ export class NdsChip {
                     this.isSelectedState = true;
                 }
                 this.onChange(this.isSelectedState);
-            } }, h("slot", { key: '80ba999ddf46d1b023a78a36f79d011b86313908', name: "trailing-icon" }, this.leadingIcon && (h("span", { key: '57dd8653c8f5acfa2c3dc23dcc4d9591dfa4c68b', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: '885c8716a7ee7b4b4819a544b3ff3755f5900388', name: this.leadingIcon }, this.leadingIconProps))))), this.label, h("slot", { key: '44abfc053d4468565188a734cc02bd1e79c11f30', name: "trailing-icon" }, this.trailingIcon && (h("span", { key: '478d15e117ebb59e70e925d43e74984f26d61512', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: '919bfd229d1de10fac4b5b0ceb932b6fa02f6f99', name: this.trailingIcon }, this.trailingIconProps))))))));
+            } }, h("slot", { key: '0ee61f1aba69cca35b12ec96889a7dcdf45c584e', name: "trailing-icon" }, this.leadingIcon && (h("span", { key: 'eded2bc1768718e21ab54b1056fc20cb3d0da020', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: 'fdef0481a5d0b000d62f994c3856cf5f2a9b3520', name: this.leadingIcon }, this.leadingIconProps))))), this.label, h("slot", { key: '6b8e4b82c7e0be4c63dc762f7bd2d81eec529c2e', name: "trailing-icon" }, this.trailingIcon && (h("span", { key: '3ad2c9f1662ccd97de7b9b83bb900f6633e82715', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: '97c77c0877743e4fe13607d479665601282ef8b2', name: this.trailingIcon }, this.trailingIconProps))))))));
     }
     static get is() { return "nds-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsFloatingButtonUsage {
     render() {
-        return (h("div", { key: 'f5e90b9ef208879abb6719172588354377001887' }, h("dga-flex", { key: 'e06e5f5034abeeaa606c42fb252f43ca21de71c7', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'c68f5fa3a2b3aa77c0dba99de5d6ebc065a8079b', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '6f59c673d423c6ef041d3144ad6cab8513e6415d', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '2c7026eb40814c025e9f34303fe496de20df20e7', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '20dee7c7548b8cd7619bab0ec4a4425571513ed2', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '73323bd0cf2b012c2a30784c8d932009f2684d8d', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '993839cc708d41378a946177b2e835320a14ffe4', variant: "secondary-solid", label: 'Button' })), h("div", { key: '4f3535f21d47261d533fde0f6e4140ff62ca016d', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '215fc92b60a3660ca5b40be4c07de9570652ce18', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'dc0c4d7ef1e29d5eff60d2a40be6b75f9a6ba774', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'bb909f7f9ed06f37179a399c6c669b3c0b4f6370', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'c5d622851d2f4cd3958b4dc3ff4b0dcb187a0dc0', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '61c96ba38567215f9e25a48ae1a4e56b3b94c29a', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'fa028616421c77efd0c000ba2a0519f84b6ba241', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '08bc35fa4a0a88c18573e9ec6bde3d7833f556fd', variant: "secondary-solid", label: 'Button', inverted: true })))));
+        return (h("div", { key: '1077ca0b8a1c641f129a560f2fab077eb071e526' }, h("dga-flex", { key: '0e4fc0f68a48a29cb51304cc7c335c081dd5f8b5', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '51eaecdc1b26b083b1c31e0315fc69a9f420c987', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '95c96244a8e4d6c18bb8df8b34d4b9fe0bb266dc', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: 'b4046ca70356e47f946d7035ff4572e5b68094fe', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '6850de062f4d3b57a80545aaaa81a33a57ae9532', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '8923b990baeb8b96770324028108f07c8ba9df65', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '5c847753cce63f00a72664dd26951a5bdcbfa087', variant: "secondary-solid", label: 'Button' })), h("div", { key: '977fb56e1b173eb335808d3279938154befd1053', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '2f29434c6a9720731bf50c4b35b0b1c24d95ac4f', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'aae7230aed0efb57cacd5ed44c60924533f95b2d', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'd350ac9cc4bf197528def370259bb9a09b51997b', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '0d553f7e05ba667ca27139eef21c22c48362b0ec', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'de24454901b2d9f29dc034a9cadba10afef6e294', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: '333514f4e6297be77e73f7725fcbae174cf379e0', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '001973bd2d981a3c6da7db63094f93d9aac909bb', variant: "secondary-solid", label: 'Button', inverted: true })))));
     }
     static get is() { return "nds-floating-button-usage"; }
 }

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

@@ -15,10 +15,10 @@ export class NdsFloatingButton {
         }
     }
     render() {
-        return (h("button", { key: 'b2cd7c29f4a42740a79e210337b9f1998eb96892', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
+        return (h("button", { key: '5a3680ba3a86e6ec15013080ee780dbf9a6598be', 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) }, h("slot", { key: '596f86413be942f0fdcbe1cdfae1d2040ea342e3', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: 'e6fbcc7d705eb7e0e40a8ef1d0d8ca807962642f', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: 'd987e7899a976df4f7c00e96504003112a216311', class: "NdsFloatingButton-label" }, this.label)));
+            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, h("slot", { key: '38f245d63343d0bf06d64494ca7d31a20b9be142', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: '34098f63414dbcf5ef034a23ee25c52d1dc06026', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: 'af86c9efac969faa24b98aafcbe3a0be21a7f014', class: "NdsFloatingButton-label" }, this.label)));
     }
     static get is() { return "nds-floating-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-link/nds-link-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsLinkUsage {
     render() {
-        return (h("div", { key: 'c40f99aa39ca1d8b77c8919beb70eb0fd247db5e' }, h("h1", { key: '1d46cca5812034609a0ce98d6001860a7e018f63' }, "Button Example"), h("div", { key: 'b70e5433f7bfd70f47d7e12a418bfe14917f9a05', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c77513506836f17ca1c609d8cbf6e8230fa8c286', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '955173c52f6ef1e5aaa46af77aa36750ed7bd11c', direction: "column", spacing: 16 }, h("nds-link", { key: '49b3a136e270ffac9c0b2cbd3614e3212ee5610f', icon: "link-04" }), h("nds-link", { key: 'b35990d4ec090851702bd3b3e3a42a62f328c96d', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '210dfb3cbe7e524e108b056fde130ea38d881135', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '7f101704c2e7cd00abf2d0e0bbada2b9a7976085', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: '74c3f5ecbfe7dd8c61286bc79dace87c5a65bbf4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'd2d4a0e2e9e5d8373246dcd45226ad1fc1558350', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '2c01546f2c0fdc084e1db7fa24fa423334692281', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'a3fa160abb95c08479f2081e6eaa02f669c8359e', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '6e018572d7a0568b8f6b3745c690ed15487ef6e9', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: 'e7be6881773a5d2a9e12d51a66c54b410ed97a36', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '8a4f7d7c3e5628c330f0af37e5f32ef185971390', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'a27f7945ef4a777419bc07c853d55b3dc673b567' }, h("h1", { key: '54a680f61b5d8f9f8be59ecfed0d308ee741708e' }, "Button Example"), h("div", { key: '5098ca194a84accf70fe8d626d2ec9dc1e6112ed', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6abea75bf4980cc52c85a2eede3fd8d8f511c743', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'e726ab8464b1edc4cb9193d6d310332d1cd936df', direction: "column", spacing: 16 }, h("nds-link", { key: '2650e63344a480cc03fbf28def4a4b8c9dc3a7ba', icon: "link-04" }), h("nds-link", { key: 'c14d8ab5bae8c36f8c1801586749d258c32610af', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '9101d2ca20d6aaac7719ef13abf634fefe3894b4', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: 'd1891080e69454d7f213fc2d06f6633959dddffb', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: 'c5b287c34cf264f1be7543aa44833b481443a54e', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '43875a97796dfecdc5bbd44c8a24ff218c6ee047', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'a2c45882c55a5d6e84b6e5e69f3bd5618f46c3e4', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '756c97529b96fdd6849e2964fdfa8bf6a66b11cb', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'fb1facdcb4ce219539c512bf0bf4bb5dd6c54099', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: 'debb37fcbbeb25cf0cce43a746ce36a8fec75323', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '7139bfec3792e7be357204b5eec9dade4e149f71', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-link-usage"; }
 }

package/dist/collection/nds-components/nds-link/nds-link.js

@@ -11,7 +11,7 @@ export class NdsLink {
         };
     }
     render() {
-        return (h("a", { key: 'e7addc16f4b0712ec542cc8bce6aa01780720522', 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' : ''}` }, h("span", { key: 'b5d76131f830cf537da374622118ed7ae8b0ba0c', class: "dga-link__label" }, h("slot", { key: 'c7e8ccbe59088e7f87d2ab5351ae7f1ad8b32506' }, this.label)), this.icon && h("span", { key: 'ca5c5d8a1913d9117107ff981e577f74603eb640', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: 'c839bd18d234bb73afea2b030882e1aa4b55f54d', name: this.icon }, this.iconProps)))));
+        return (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' : ''}` }, h("span", { key: '8107c87c9165ddb05d5f3d239d921ab9788eb405', class: "dga-link__label" }, h("slot", { key: '9e38f56d72a0549a104c05402b303aea18d26ba6' }, this.label)), this.icon && h("span", { key: 'd51e592d0ea0f22bb90d849869a2ef51642ba3ee', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: 'a0b0be328dc8a85ebfe382ea4f7e8a392bc10750', name: this.icon }, this.iconProps)))));
     }
     static get is() { return "nds-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-table-of-content/nds-table-of-content-usage.js

@@ -1,84 +1,84 @@
 import { h } from "@stencil/core";
 export class NdsTableOfContentUsage {
     render() {
-        return (h("div", { key: '8976d2f5b9ffcc322e12a0606c52adb9b8a1f624', style: {
+        return (h("div", { key: 'd374df1de9d5fb6aeec71c8c39a6339f4de55f3b', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: '8a2317a495203dbcc3e61ffc95c00316c0cce49c' }, "Table of Content Example"), h("section", { key: 'b13a9a190ad05ffab1acdb419bb17a395020ce1d' }, h("div", { key: '590289d1c385c7d15567f6c37b78b44175d5901e', id: "section_1", style: {
+            } }, h("h1", { key: '1ddbcf4d675541519127955cdfd1114012a750dd' }, "Table of Content Example"), h("section", { key: '0933f193f3c1ae4666bd3902ff0ae79d23549074' }, h("div", { key: 'c1a38a4f2ce54c5717e92c2aac0d521efd4c446d', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: 'e95a13f23af97e5a4a66a8b1e5722012b41bcc0f' }, "Section 1"), h("div", { key: 'a339d723ac2dee1a8f25f26d07d49991cb69239f', id: "section_1_child_1", style: {
+            } }, h("h2", { key: 'dab1e1154b97daa49c6afce571872f669c6c5fdf' }, "Section 1"), h("div", { key: '93d75ac1760c51b088d5ade8b85afebfa5a528c2', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'e5ae3e0505cc81f2ea00080f71f4c7035aaebcf8' }, "Section 1 Child 1")), h("div", { key: '2ba0bc4c427024c8914602f453973e1d95e4a984', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '335bfcf9a7e51242d4b2766346315e50db6746b7' }, "Section 1 Child 1")), h("div", { key: 'efe1651d3e613c77335631510c9b40c70f49b9a9', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'f12acd5017da8cc65465b94393e099e9bfc29d6e' }, "Section 1 Child 2")), h("div", { key: 'c508177abd9e75a48c34a7b9c2559f331f3a7b2d', id: "section_1_child_3", style: {
+            } }, h("h3", { key: 'c3093ff7b2a1af4f9b86fcd5e49997f0e170b91f' }, "Section 1 Child 2")), h("div", { key: 'f4080e18936dd9aea3b43905808d9f9681f893ed', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'c7d4b3594f1de545898ca59d68cec54ef0448a43' }, "Section 1 Child 3"), h("div", { key: 'a7430bef424b2034fc0aa2eb9edacbaf24436b66', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: 'ba13f26ca5b19794395e5739240cfeb607321f5e' }, "Section 1 Child 3"), h("div", { key: '2f78f27b26949c8df8166a2f3c224500ac77122b', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '283f9e228ddcc395c666e525015b71fdf9d4cf17' }, "Section 1 Sub Child 1")), h("div", { key: 'ebe9c97d3616d89fe4e399c1e5b8969d6300b710', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: 'd34ae6ccf0b5182c4e01d2cf763c24b3cee7de13' }, "Section 1 Sub Child 1")), h("div", { key: '79b5241ceba9fc0d32b676f533704df5f9f8ca13', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '2d5359ea2b1fdf31cc7dc7352a6fd0f247bcc285' }, "Section 1 Sub Child 2")), h("div", { key: 'f0ccaae803103eb9ff7fa4da2ea19adb3d3da33b', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: '84794462343c8bdd74b1557ba968a5768c4df820' }, "Section 1 Sub Child 2")), h("div", { key: '012b68c5604d928eaa28967e9bfd7147e845ba07', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '451d8c82c3b175c60cc83212054d6a78a4f9a5d3' }, "Section 1 Sub Child 3")))), h("div", { key: '15cca72a6b6ff10b4b7f5c780a2e4c058a4be28b', id: "section_2", style: {
+            } }, h("h4", { key: '616a7d35864b1ffb9be6819caaa702f39d6265da' }, "Section 1 Sub Child 3")))), h("div", { key: '64d230965070d10551ed817d32137d1004301517', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '21454ee03d34b1c07f12150798c38343fea3ae21' }, "Section 2")), h("div", { key: 'e6ade736af01c30cf338bf460785e7b59a8ad9c6', id: "section_3", style: {
+            } }, h("h2", { key: '1fda144830a9f96c5940eb793e78944f8dc6683c' }, "Section 2")), h("div", { key: '4cbd623f10ff27c412ea16b518abb032afd94211', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '83a6ffc62d3f02d84e11084c17450d354d14f8b9' }, "Section 3"), h("div", { key: 'cc3684cc455d3cbe62afe684b5b5fdacbcd973f3', id: "section_3_child_1", style: {
+            } }, h("h2", { key: '1064d9ce6553ffedd10764c89d1ddeb251c4c902' }, "Section 3"), h("div", { key: 'f5cede3f8f757f6e7da29660ab8613debffefcd1', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '4126ccdf944880d47bfdad8e9897b8b56b1a3676' }, "Section 3 Child 1")), h("div", { key: '11603836d5a4e54d1048693cd35509c91562b14c', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '74fc34a75bbb92f3fe8780ee2156b9006d43c670' }, "Section 3 Child 1")), h("div", { key: '338b3ddeb8a56b6764caa8a6a14d3b5ae30afc30', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '3593b5f8260f9e343ea4f6f3c1dc6e14dc598a1f' }, "Section 3 Child 2"), h("div", { key: '9e40873181139cc30c0c751282cba78d86324c9a', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: '2ba2b521664e03b4345a03b11a869d85b821bef9' }, "Section 3 Child 2"), h("div", { key: '5e3fceb4c05f947da350df38d46e6940823e37f7', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'dbbb90d7b4111701ddfa82151155e5985939f737' }, "Section 3 Child 2.1")), h("div", { key: '07eaa7fccefd587663cad8714557ca50ed5ad6b2', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: 'bfde3e30c870d7f308eccd0681b318e3ba6473ae' }, "Section 3 Child 2.1")), h("div", { key: '9316d10ccd7b0a4026e54bf6b4e4e6e50c1467e6', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '3775282c598e6f5aeada1021177e85cdb0e1c1cd' }, "Section 3 Child 2.2")), h("div", { key: 'c19c544633e04729669142bf6d4f164c134b3016', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: '013c84eb8eb4994d5758c6a8f154e8f8f5bf6892' }, "Section 3 Child 2.2")), h("div", { key: '0e5e0b68a1bcf884038526294398937f2a6076d6', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '9afd9cd00c393fd71c6b2ed102f79f3be4638fc5' }, "Section 3 Child 2.3"))))), h("div", { key: 'da39630ace9f929a53e3f31dc14ceb3bb4462310', style: {
+            } }, h("h4", { key: 'f92be07f3186bb50282b84bf45c5028c28a5800d' }, "Section 3 Child 2.3"))))), h("div", { key: '31e7562fa06b4d59b2998b19b7c70dd46007fd1c', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -86,7 +86,7 @@ export class NdsTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '6853707a25c51ef6b770dad5d8425d6db3288b86', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '00757186d052dbec3d8bc9ac7ade8f5867936bdc', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -121,7 +121,7 @@ export class NdsTableOfContentUsage {
                         }
                     ]
                 }
-            ] })), h("div", { key: '62ae23f4553b8597b5aee914a811811cf05fafbf', style: {
+            ] })), h("div", { key: 'f3756e3eb1be78331c25d24106051273fe0b9199', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -129,7 +129,7 @@ export class NdsTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '87662f93081dd4dbbc47435d4b4e2df09205964a', 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: [
+            } }, 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: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaAccordionUsage {
     render() {
-        return (h("div", { key: '02eadfaab25cf68abace1773b18cc864bcf3fd9c' }, h("h1", { key: '22a66360020bea08232618dfb4dc3477986849a2' }, "Accordion Example"), h("div", { key: 'a687cc0b114d82f12065c071064a5a160f6c55e5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ff85d0ef9c8650d3f9cf211870a9988d18e46f70', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: 'ceee185f13b60d97dcbfa679e8617b29a0f912ef', 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("dga-accordion", { key: '02a5f57dc5fe518e3c52daef7d3ef796ff692e34', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: '11b298a141f278ff298bf61889cc0bd1adb6a421', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '476d65ff2509e815d0f6c0b4a254b9f361956497', defaultExpanded: true, 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.", disabled: true })), h("div", { key: 'fb56f87536bc487854a5a23d8fe321860e526be0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'deb171b69692cb63f0c3d4b134799d654076d050' }, h("h1", { key: '6c7bcc0a7205367a4995d8d66ccf057f8f735d39' }, "Accordion Example"), h("div", { key: '695d6710d2146a4d276567c5a30846209b64a3e0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '52fdc14e2fd9825785a55cfe1e715e825d2d0e02', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: 'ec562f14fd77382fd02e662a6fbbee2df0052899', 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("dga-accordion", { key: '17c72b6fc9e9babbbfa5b553a5b55c1e5c1e2bfc', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: '5c2b25315b4acb9fe7d65345e7136b0c5cc68366', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '462694366330e684801e5270227c4c6e64b2527b', defaultExpanded: true, 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.", disabled: true })), h("div", { key: 'd35b5b87d06feeb98bd806c33b615bc291f54092', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-accordion-usage"; }
 }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaApexChartUsage {
     render() {
-        return (h("div", { key: 'd8e11dbb40b4eda1de52c3b668181d5181885666' }, h("h1", { key: '95a5b70480098889e82e5a44cd24558fb2fe155a' }, "Accordion Example"), h("div", { key: 'a3bd6167610b190f80b7eece4b1cb7f4ac3c879b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5fe76b422b41d1cf54f263dae91d3db0f1bf0cbb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '29c5ae651dd4f33816dd1e75429142bce07c2cc2', id: "timeline-chart", options: {
+        return (h("div", { key: 'd18b5ef8888e2b79c480b596187a6c513303e7ef' }, h("h1", { key: '5af812496c772999a911a04718f9eac4cb2126d2' }, "Accordion Example"), h("div", { key: '6c251a3d6dfebdfe0dc9f1018594f85f5d4c61f7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd0f176557ad9f30e4f0725ddca87a2c7d60baa02', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: 'c2b2e4b3bb6061436123a1456f0ac90a2d5dc74c', id: "timeline-chart", options: {
                 annotations: {
                     yaxis: [
                         {

package/dist/collection/usage/dga-avatar-usage.js

@@ -4,39 +4,39 @@ export class DgaAvatarUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'fd6ce014a75b60595921da48a5ec93a1f4d7a8ef' }, h("h1", { key: 'b7e65c5774a4fd8b4bd7c3c4ddfeadca3276fccd' }, "Avatar Example"), h("div", { key: 'cc01923d80497b104fb55629227b602ca7568ab5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '015e1f15dd620c60d11bb3b2a150322adf7cdf8a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'c95194070ccf81115b3900adfe806400710001bb', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'a760e4144a00addb295d30eb2c23194199ba6835', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '3a583b627573a5d3092e833bf2c9b74d901f5fed' }, h("h1", { key: '06e9492e0c7cb5a2812a775168aea3e6345bd9cb' }, "Avatar Example"), h("div", { key: 'ba81aad310ca183f3a17acca96512ae9712c5020', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5905c6fea7b56a33717873b1a24a1bc1ec10b1f9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '3e5103b26f65bb048d3498874ed4750e6f6d9422', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '0523ab6d65cde4dbbccc2df1e0c617acd5066818', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '4fe75330d54f4dd88d6aa323364f719ed9e43127', size: 120, border: true, square: true })), h("dga-avatar", { key: 'e8df5ab6798c70aeb47e60bfcce754c78d7a19b8', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: 'f5c18465900032bca70edd3881e51ccdcf6f9403', size: 120, border: true, square: true })), h("dga-avatar", { key: '3f9bea90d36869ee4b91b4f99a09d1079ab5ebc5', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '832f280ba56e534410b408efed8a19dbc3582af1', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '29656a76abc53a7d9db5bb208bb216af15701b5f', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '18ac06b0175bebe107ccca8bddcd70fb88e01064', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: 'b231be665cdf003ad0709e6243e082767b288445', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '94d9cabd86a07df17c8cf206084c2235df718848', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: '22cd1631de536d7da98cd94c6e5e12246e7fb8c0', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '9c4908c0aad9984b622eb29421ad33fa7da3f46e', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: '0579fae37b7b8b5c423ffcafa544e87d106628fe', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '5677a275fcf810c60b074e0d6c029ab5f39db80d', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: 'aa4b17fc3c1bdb1078fb9443da294fe2662b1495', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '444f45529d107ba3d96dedf9b25d9c1b7b3b0f55', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '2ccd27f61b7ef5152c5c5cc1eb8d257ab1d59323', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: 'cfb440f7d8d81bf5d6bffbfa1dd73eda7836ea70', stacked: true }, h("dga-avatar", { key: 'd715efd322720397b5d7bed5809df97ae6cbc393', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '2464fd5929f3b103566bd97986062a962e5f4b96', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'ce3aba5b742ce87eb0d319a393789ae598d4cfa1', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '0e68f56fadbe7494754782f5ce22320d2e36c76c', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '2f9a260518218f46dd664f6e3d4b3c95ad11e04b', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '8e586ccccf5e7aae3fbfc83686ba6ba06ebacc38', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: 'f7893d2a922d7a3320f4ca2d686fc6b02164075d', stacked: true }, h("dga-avatar", { key: '7da6aa774b8191340ba710dac81ddbf8331269f8', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'b8dbd22ef151463fc68f2ee492903008ff49015c', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'fb1665fd2dee927dd00acf1576715bd0b94efa67', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'b02fe1efd279b74290399c312c800df8dd20586b', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'cb1a83124d4b36d699063e5367e2d1e9d47a130d', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '94e1aefc5a074dd4c6975f53423b96637d93b250', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-avatar-usage"; }
     static get states() {

package/dist/collection/usage/dga-breadcrumbs-usage.js

@@ -4,7 +4,7 @@ export class DgaBreadcrumbsUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '8669ba06ab3802681383f8f7425ed0bd5805cbcc' }, h("h1", { key: 'c501620b7c8c5d63ec7c0dee2b7c0289bec49df4' }, "Breadcrumbs Example"), h("div", { key: '27e421b15933855c348feb74bc8cc4892eea4c67', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a57fa679ce91ffb6285ad75b13a7dbb7f6b6a1db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'a45794487c3d0ea96ff17f1c770eadcd9e0f463e', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: '9873d2401cd89a2d72dd5ab51675d216de942141', items: [
+        return (h("div", { key: '44bda33bc39a374cf77706c91cceefc24fe94c90' }, h("h1", { key: 'd66d37fa7491528933a433002a079eb31c08dfdb' }, "Breadcrumbs Example"), h("div", { key: '733e8c82c23d16d9b40b81e28d4abbaac2b388bd', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '241e9274dfb9e6dc4016b847bdd4074fc128e62d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '72b9505073ac5998731071f698a0cbc6160d9947', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'c157e9c59c857e9bbbc75a7adbea2caa93daabec', items: [
                 {
                     label: 'Home',
                     path: '/',
@@ -22,7 +22,7 @@ export class DgaBreadcrumbsUsage {
                     label: 'Keyboards',
                     path: '/products/keyboards',
                 },
-            ], max: 3 })), h("div", { key: '4660dbb38aa8a0a186bf94107285eb907bfaeac7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], max: 3 })), h("div", { key: 'a5aed8b745081cb100e2766e0a69750f394226cf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-breadcrumbs-usage"; }
     static get states() {

package/dist/collection/usage/dga-button-usage.js

@@ -4,7 +4,7 @@ export class DgaButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '9ded42032455f7194925be9d2868b3b7558536e4' }, h("h1", { key: '922605934223427b29456051afbfa4a217608875' }, "Button Example"), h("div", { key: '0d1e9cb8c9f212f2203de554125f202e929e1c9c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'fec9db9d6dabadf4f6136233ea3cec943a5df36b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: 'a3e9ccdc481d077d3e366240bad6563233a304b0', label: "Click me", variant: "primary-brand", sx: {
+        return (h("div", { key: '19a2433057f8dbc17a692e155d588c8bb24dcff8' }, h("h1", { key: 'e16a447fa9ffd97086aaff516809af8ea730f3be' }, "Button Example"), h("div", { key: 'ef001c1af314ce4875055d6fc1ab55643350ab53', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '736e697fcb99c2251d5f5c5d6a030787e8a522e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: 'ec8acf0ae303f9b209c32e178d45d14f749e4431', label: "Click me", variant: "primary-brand", sx: {
                 '&': {
                     fontSize: '18px',
                     fontWeight: 'bold',
@@ -17,12 +17,12 @@ export class DgaButtonUsage {
                 '.dga-btn:hover': {
                     backgroundColor: 'blue',
                 },
-            } }), h("dga-button", { key: 'eb8faf882f5fde0150ad3915ab5c269949a98787', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: 'efc252d3821ca41438c82a44a20bc69d3f88e929', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '6d18c3ce46e9623ea4bbf58d2d2f722cd8b0a0d7', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: '904e65fa054b8add4cc9f833b8e2b0e5da0015ec',
+            } }), h("dga-button", { key: '122dbe3588a7bdb0b76f4c1a2dd76ed63d28a641', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '13f2aa7abaeee15f05819f22ba06f11919467874', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '24909b5400736c140977cc90cfcf6e859b8730d5', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: '5a636b64652a28c8c30a50573d26a3f5abee0ba2',
             // 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, trailIconType: "link-square-01", trailIconProps: {
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: 'f247b1893fce5247d27b552bfef4a3545495da5a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '4d55ae90ec8d1e3c3733e481558a43c80e2db70f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-button-usage"; }
     static get states() {

package/dist/collection/usage/dga-button-v2-usage.js

@@ -4,13 +4,13 @@ export class DgaButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'be4a85cbf41b56c76281c961859131fb08d6f8d0' }, h("h1", { key: '1edef587510819207499567e77a3b672d59b5f03' }, "Button Example"), h("div", { key: '1bccf3a7f0b08ec40783c3095dd4feac80fbee81', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a7e3bd0c672da4165bc8db44ab0a8ad3cca93436', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '1785e2b5475aa2d956543cc5401a4b2116d7582f', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '929b4082befd3f4def64588ebafa49a6a55633b7', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: 'ca0283d999c56f778b0e6ae1e3094f47bb85dd42', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '70909bf288a1bdc059a7c9213761a6c119f36128', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '4e259f2d7a276460bb3889190d6a6a0ba6823dbb', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'c07eb05ae85962b29d8db0bd933ab79901e1ab0d', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: 'eecbed187b7871e82ed9601f4d0bec4d856d1a1f', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'ef07a67fde37a36b4ef58e15caa79027b42f18fb', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '81683f474f4c6c395c22b2236be89a8d8d0f4d47', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '2c1507adc5db49659ee50a224e25e4e58e512825', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '706013a8a92170e03b6588f4d4fc6c8686047c62', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '794dab866aed3484f91ced1c4e341da991b65d5d', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '31b5423006c051e6ac66a1a4183ad20141b1fb4c', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'cd4aefd06a936add1cea3a3c0e3c495b8f26ff0f', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '66de9e14bdebbb90606b6ee1302fdf9a0ea39717', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'f713f147aa01342073bfb149d1416bbeaf5088c3', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'e6861ce265805281d430cf6eff789d9c7109886e',
+        return (h("div", { key: '62912bbc6e65a9492a73328564668d34aa9abdcd' }, h("h1", { key: '6c221cdd9c033bd17ee93029d394127e03357994' }, "Button Example"), h("div", { key: 'ddea013f3090c7e7e7455f0046dabd53de96cd0a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '33330576f9eeca9d0801031e69b9e545e6b25c64', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '66b5618032bdbde6d8ef3a3ca34ef3e6372ad9be', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '4a0fa7e2d7e1dfc7a3bdf5dd7c599a08d22ea1ff', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '182463c6fccf4d1f3bcd6dd9f5099549c797909e', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'b40fcfa4cd327e3ce84273f5a80d22d7fc0be7f0', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '79b20c61a62868b5b62cdbe756233bf157ed1ab9', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '71a71102e49f1c73561bb11646f0408a3b43f251', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '3f518b4640c32f7b841fb724d396e91742d123e3', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'f0d3309ae06a32963848b1106057ec6e7ffc52e8', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '0a79a0f545508c9ab8e042416fe04919365e5633', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '92d018c2097b64dd20e1296b136b4ade81ca7146', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'beef54cd29768553d739da27ae7fd3c5d7399e84', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '7ec7f514e470dabeeb4bc7390b5709fb9297537a', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '6cefb8a9c8407a625b03311ffa80ae7cda1fd425', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '0617cd7f9cc299cba7b9d2cf2999bfeaad715c4d', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: 'a4ec1c158f6f7c051dceea240d86feb81ccc9b21', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '03604467cf29802efd3df308e5eb9cb44171a44a', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '18420f649770f00b6745e330d6e4efc49927fda2',
             // 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: '836b76cba91638104f58e331b14c6afdf482b9ac', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '8617633fffcb3ce70ff2990dafe16aa05bb3f4fc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-button-v2-usage"; }
     static get states() {

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

@@ -5,12 +5,12 @@ export class DgaCardUsage {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '6cd0dd13d4ceb47c7fd0256c1858e2a85493e721' }, h("h1", { key: '80f7e285f43cd51d6a2911b118020bc2a3a001eb' }, "Card Example"), h("div", { key: '2c6435a2514f4c80c644d7adedd0f00c6e56f40e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '29ecb54988e909f7150a6e2900ed5d54ef9f9763', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: 'dc893cd851e999b7299fa0874a59c31682b0e141', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'ea2b93b55eb253618847faecb67a88545306ab7d', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '7a708fd6a977c56f16855bb24ba78a8bbcb3faf3', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: 'b7f0deb5e54be9a109a546854a487ae4fc4f8216', cardTitle: "Card Title", sx: {
+        return (h("div", { key: 'a5891b4a7e1c7c6f40534dba563a0868c030b6be' }, h("h1", { key: 'f4bdc496f1b640e4ca9debae252aebae0408cccc' }, "Card Example"), h("div", { key: '3852ccdd17c58d4369377947b5eb2aefd553afe5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a24d0337bd66b59374ee5c651bd1e2104cac991f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '9ec040fdee43c39087ed6ea1e80f1e1907f1794d', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'cfa10cad35b0f4c53ea5a0c16ade5e01d179372d', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '7fca6697abb3c4218c8eb6ebe0ea026a2d6dce90', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '9d31f50eaeb197f8cbce1467aeb573b78b59dd70', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), h("dga-card", { key: 'd86192e185c964596461abed2ebd3ac4807ff4fd', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '3a2708945d751dd906526a61b38e7a839b4b5c83', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: '07576a083b0f7a3e1304a240d2a48cd3afd9491d', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: 'b60cd721dd5f4f04f098f503ee05044b85e20c24', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-card", { key: 'ec89d1a7e46c0b89e5097f4d734796f57916293f', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: 'd14ef0aa42b8d53b305fd4fdf0d1abd06d6cc812', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'f8a9b640ab7b7fd169422c61ca285dfb41358c82', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '26a0b295fc2397a857048501d22fc1d8a0914ada', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-card-usage"; }
     static get states() {

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

@@ -5,17 +5,17 @@ export class DgaCardV2Usage {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '2d73f3d02cb1d886cd5948237006dfae4e09d9fb' }, h("h1", { key: '80270647eb6bc8e676781c3a2bb734bb4b8696ef' }, "Card Example"), h("div", { key: '735580b25f62fa86d92ba831d5c076e6527f679f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '58749d519f3c068e75ca68c148e18142d5e98b19', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '86b23fb31c75c3fe5fc1ef00a33c869fd4e7d400', type: "default", sx: {
+        return (h("div", { key: '9d09f81e8993d2c618bff18548e7665ef6adfbc2' }, h("h1", { key: '07e861f6bace8351ef3526d0edf0b76760e8341d' }, "Card Example"), h("div", { key: '47b5bd30e5c9640412aa980be6e6a1cc035feaf4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '17e83040b30370ea0ec928742d3df207270bda5c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: 'b24eae2b52b5dd17a6cbf7efe72cbb67fbfe658d', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, h("dga-card-content", { key: '4906c16217c7c2c8fdf02b1566a575c7dd2214b6' }, h("dga-featured-icon", { key: 'e4e38fa776fa8b3cdb0ca8f0cdca30e2b7c85f66', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, h("dga-card-content", { key: 'ec0cf34d45a63283a9909c6be97ddae58ae34932' }, h("dga-featured-icon", { key: 'b7523c04bc1083ffe11ec3524a5604c6c2d7b0e7', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), h("dga-flex", { key: '3034c60ae077339d51b37c835ef6764ee6b401ff', direction: 'column', spacing: 8 }, h("h4", { key: 'c15f8baee0d71f25ffb4d7adfb42cc6a97abab62', class: "text-lg-bold" }, "Card Title test"), h("p", { key: '29fad679ea5effa6efe103660e386a25fcdd50f6', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: 'c9182215ad15bd28d55004ded210463fc07a5709', direction: 'column', spacing: 4 }, h("dga-rating", { key: 'cda5b622bc0897f0ac6981ad6ce9c273fd77aafd', value: 4, size: 'sm' }), h("span", { key: '628b04f8a1fd198916b894f0d0cc47f15fb6b147', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: 'd4c707952dc4eb40e5e18320b01ed3897e6a8ce4' }, h("dga-button-v2", { key: 'd8d6ab285916e2df5c93ca8071764bb2e42fe18c', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '193f34f642be7d61d1d9bc8945857c7613870ecb', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: '709b3b444c102758ab0f5e406b3f27c4e41ea5db' }, h("div", { key: '1a78233cc69fb299b4917b9fb945d2ad82bd363a' }, "Expanded Content"), h("p", { key: '1ca80c70daf855792949bfbf12f461447b39272a' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: '0a27c6723cc19e756df493f05e477f01d757166b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-flex", { key: '63b901eb2e014bbfc7859f5d9d00330e6c55f92b', direction: 'column', spacing: 8 }, h("h4", { key: '25b5608b06ffda21a96baed68243878825c3bca2', class: "text-lg-bold" }, "Card Title test"), h("p", { key: 'ec5e72e6d8b3267ed73bc074c4f2d6ef5b14fc08', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: 'c3748bc0048fae6457f03ff6901e96f812676814', direction: 'column', spacing: 4 }, h("dga-rating", { key: '3466fe198f330160f4bb2da98721efad2832ae8f', value: 4, size: 'sm' }), h("span", { key: '520052c4de814de8a2e97aa56c67b63b328a1b92', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '2e83da345a9e77678e8b61d919ba2ec0402fa8d2' }, h("dga-button-v2", { key: 'a67d2424ef17f32cebecb2b8051495cee0dddc69', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '87b273074ee779041e2ee464d6ac191c22a4da02', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: '00d02ddbaac56ca49486f08a331c8e5b14c3b2af' }, h("div", { key: 'c1f4d61693b9de39e710314baf560b57799d4344' }, "Expanded Content"), h("p", { key: '49b51037005f1f881e33c52bf1a9841287ecb41b' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: 'debe7e6bbe87b8b8232265ba4131537f86ac90c7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-card-v2-usage"; }
     static get states() {