@platformscode/core 0.0.31 → 0.0.32

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-DBqhqFdf.js';
-import { d as defineCustomElement$4 } from './p-D2bM1AEq.js';
-import { d as defineCustomElement$3 } from './p-SE4RRRJx.js';
-import { d as defineCustomElement$2 } from './p-DNO2F1PR.js';
+import { d as defineCustomElement$5 } from './p-BTFUytBS.js';
+import { d as defineCustomElement$4 } from './p-BDBx2HQz.js';
+import { d as defineCustomElement$3 } from './p-Pdnd7FQS.js';
+import { d as defineCustomElement$2 } from './p-BAH8yWeA.js';
 
 const DgaButtonUsage = /*@__PURE__*/ proxyCustomElement(class DgaButtonUsage extends H {
     constructor() {
@@ -11,13 +11,13 @@ const DgaButtonUsage = /*@__PURE__*/ proxyCustomElement(class DgaButtonUsage ext
         this.variant = 'neutral';
     }
     render() {
-        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',
+        return (h("div", { key: 'bb77901d2fdafe7121f8f0fda4fb52693fc33a17' }, h("h1", { key: 'a4f479ab3ab70e9ea9867bc634d8b87b249435cc' }, "Button Example"), h("div", { key: '937d5cff63f3ea5077852ab54d245afcff12943a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5c5b7de089c27219c5d622c496bf9588b40dcc3c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '3caecf289d7ffc442d4c5dd8eed38b43011572d0', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '42462f99eee37c6a8c9be6e91965f4a07231c547', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '8b84df4212ddd4c5494ce7c69a9ec69ad4ac36d5', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '337435766445d4a0630e4bc4cd1df9fba4671923', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '86be9b82e8a747d3132b1321762702f8ea6e331f', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '52091e7d8e851373706144c444c328c3019e6411', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '086a3905ae0e42b34528c69a89871000c63e13da', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '67889c811dafce96510d6535279b3359939e9b31', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '3e9c4968bfb3a7fb58752b34dc588e088f0a9ddf', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '63c3e6b929044e860c7e82d6f067e36412e7f769', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '8af7146eed01e3784a4b5a46d7868d345acd8e3b', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '58406da872bfe22fe9f6d52d4211e650d0d03c68', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'ccfdd7f852129cabdb079b4000186cea571257a2', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'fdd3892d25fd90eef576eeb4f1389c0afcbc6507', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '351344df6d3626d23ab5c3e0dd41102dcb93022b', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '5b9c02ed6d96acc0a4e4645d643335a205b0bce3', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'c0489eaf4470420c8d70d73938ad41f7ddc352d3',
             // 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: '8617633fffcb3ce70ff2990dafe16aa05bb3f4fc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'a0309f9344ff66c254753653e8924f699835672a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-button-v2-usage", {
         "variant": [32]

package/dist/components/dga-button-v2.js

@@ -1,4 +1,4 @@
-import { D as DgaButton, d as defineCustomElement$1 } from './p-D2bM1AEq.js';
+import { D as DgaButton, d as defineCustomElement$1 } from './p-BDBx2HQz.js';
 
 const DgaButtonV2 = DgaButton;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-button.js

@@ -1,4 +1,4 @@
-import { D as DgaButton$1, d as defineCustomElement$1 } from './p-BEz92qF1.js';
+import { D as DgaButton$1, d as defineCustomElement$1 } from './p-CqwJ8os_.js';
 
 const DgaButton = DgaButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaCardActions$1, d as defineCustomElement$1 } from './p-DpqAud7d.js';
+import { D as DgaCardActions$1, d as defineCustomElement$1 } from './p-B7nREZAb.js';
 
 const DgaCardActions = DgaCardActions$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaCardContent$1, d as defineCustomElement$1 } from './p-BRPydo0u.js';
+import { D as DgaCardContent$1, d as defineCustomElement$1 } from './p-B5a9AwDV.js';
 
 const DgaCardContent = DgaCardContent$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaCardExpandableContent$1, d as defineCustomElement$1 } from './p-C1elmJwV.js';
+import { D as DgaCardExpandableContent$1, d as defineCustomElement$1 } from './p-B_gc8T0L.js';
 
 const DgaCardExpandableContent = DgaCardExpandableContent$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -53,7 +53,7 @@ const DgaCardImage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardImage exten
     //     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 })));
     }
     get el() { return this; }
     static get style() { return dgaCardCss; }

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

@@ -59,7 +59,7 @@ const DgaCardTitle$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardTitle exten
         });
     }
     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' })));
     }
     get el() { return this; }
     static get style() { return dgaCardCss; }

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

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$8 } from './p-BEz92qF1.js';
-import { d as defineCustomElement$7 } from './p-D2bM1AEq.js';
-import { d as defineCustomElement$6 } from './p-VGpxDTip.js';
-import { d as defineCustomElement$5 } from './p-HTssCtbh.js';
-import { d as defineCustomElement$4 } from './p-hDGyvSUb.js';
-import { d as defineCustomElement$3 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$2 } from './p-DNO2F1PR.js';
+import { d as defineCustomElement$8 } from './p-CqwJ8os_.js';
+import { d as defineCustomElement$7 } from './p-BDBx2HQz.js';
+import { d as defineCustomElement$6 } from './p-gKxozo5x.js';
+import { d as defineCustomElement$5 } from './p-D3SOe54i.js';
+import { d as defineCustomElement$4 } from './p-CWPV_VZZ.js';
+import { d as defineCustomElement$3 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$2 } from './p-BAH8yWeA.js';
 
 const DgaCardUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardUsage extends H {
     constructor() {
@@ -15,12 +15,12 @@ const DgaCardUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardUsage exten
         this.selected = false;
     }
     render() {
-        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: {
+        return (h("div", { key: '3303f9ca0d1ca5f366db9122156d6289a97845e8' }, h("h1", { key: '20e73672e0dc8549382adbed4ee87a58d3ed1fb8' }, "Card Example"), h("div", { key: 'bb546b3ba10afa1d4a1b82f5359d1b265bc6cc00', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e14b5bfd629fde7904a0295f28b4c0a8eb39f575', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '844e264b21f36a6286538b54aba0d1cbcc699271', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: '8475d7743e84b7f4e2e1a1e4f59490b494f20c6c', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '865b144e2ab7b8d982e86267b59d59f74caf020e', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '1d6d9c1e686839f03c7273684423f6054fbf2d16', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), 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' } }))));
+            } }), h("dga-card", { key: '60f9eae5db1f4ab01d39cfe887a482979630286b', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '343c535400adc65be3f65353380927fbb6a80a7e', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'a0f28915413038c9e10dd4b9f95aaf474437c978', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '350c29fedd677fd189fba46178d37bd84da52e12', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-card-usage", {
         "variant": [32],

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

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$c } from './p-D2bM1AEq.js';
-import { d as defineCustomElement$b } from './p-DpqAud7d.js';
-import { d as defineCustomElement$a } from './p-BRPydo0u.js';
-import { d as defineCustomElement$9 } from './p-C1elmJwV.js';
-import { d as defineCustomElement$8 } from './p-C2zm3DWI.js';
-import { d as defineCustomElement$7 } from './p-HTssCtbh.js';
-import { d as defineCustomElement$6 } from './p-hDGyvSUb.js';
-import { d as defineCustomElement$5 } from './p-SE4RRRJx.js';
-import { d as defineCustomElement$4 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$3 } from './p-DNO2F1PR.js';
-import { d as defineCustomElement$2 } from './p-dWOclzG6.js';
+import { d as defineCustomElement$c } from './p-BDBx2HQz.js';
+import { d as defineCustomElement$b } from './p-B7nREZAb.js';
+import { d as defineCustomElement$a } from './p-B5a9AwDV.js';
+import { d as defineCustomElement$9 } from './p-B_gc8T0L.js';
+import { d as defineCustomElement$8 } from './p-D5_0MdDA.js';
+import { d as defineCustomElement$7 } from './p-D3SOe54i.js';
+import { d as defineCustomElement$6 } from './p-CWPV_VZZ.js';
+import { d as defineCustomElement$5 } from './p-Pdnd7FQS.js';
+import { d as defineCustomElement$4 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$3 } from './p-BAH8yWeA.js';
+import { d as defineCustomElement$2 } from './p-Dbh7zN8n.js';
 
 const DgaCardV2Usage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardV2Usage extends H {
     constructor() {
@@ -19,17 +19,17 @@ const DgaCardV2Usage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardV2Usage e
         this.selected = false;
     }
     render() {
-        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: {
+        return (h("div", { key: 'ce98886819f82d7f359e6bc536531f8f92f34f17' }, h("h1", { key: '015e45c1e8f607285249e09b5367df7669aa9b58' }, "Card Example"), h("div", { key: '75fd9d4512dcceab5ce1cb5c27e7f0f90a44562a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1e072764b77ffd6fc216ff388d2938043531fcc9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '81e2efc0032798f7f70622024fc3cdc4e76bb705', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, h("dga-card-content", { key: 'ec0cf34d45a63283a9909c6be97ddae58ae34932' }, h("dga-featured-icon", { key: 'b7523c04bc1083ffe11ec3524a5604c6c2d7b0e7', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, h("dga-card-content", { key: '858218826169c82a73b16defa358786562886e2b' }, h("dga-featured-icon", { key: '056eaefbc0217f2c42bb888cfab977a0890e1987', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), 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' } }))));
+            } }), h("dga-flex", { key: '8bfe2b2809531a96db08d35e42c0f1cb0a1d0472', direction: 'column', spacing: 8 }, h("h4", { key: '41c8b777b90242f777c70798216db2ff155ab190', class: "text-lg-bold" }, "Card Title test"), h("p", { key: 'd9838775750bfc6774c6a92fdea441d34790e825', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: '57efae9806a38b988b149f7b8cff5e2bcf31f06e', direction: 'column', spacing: 4 }, h("dga-rating", { key: '430973de0454d04c7639afd40b162e1c4033ff8e', value: 4, size: 'sm' }), h("span", { key: '4eee667bcc22459b83d256da2ea8a16ee1995f5e', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '58ac4b41aae907790eed36d49cdb4a69e7730eb0' }, h("dga-button-v2", { key: 'ea1f8d86a450443cc32e8c86a4c8d5d057f394e6', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '01477274960267f683628626edac6a8a5544f0da', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: '30642680580f8633536d5d511162844b77afddf8' }, h("div", { key: '25066b0951f619435ee4bd7922d04c49b7ace771' }, "Expanded Content"), h("p", { key: 'a481ca8c047150a6400c7237fa24e609ec2e8d0e' }, "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: '4ae077c90e6ff271e09ff1e1d37da45677448a37', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-card-v2-usage", {
         "variant": [32],

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

@@ -1,4 +1,4 @@
-import { D as DgaCardV2$1, d as defineCustomElement$1 } from './p-C2zm3DWI.js';
+import { D as DgaCardV2$1, d as defineCustomElement$1 } from './p-D5_0MdDA.js';
 
 const DgaCardV2 = DgaCardV2$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-card.js

@@ -1,4 +1,4 @@
-import { D as DgaCard$1, d as defineCustomElement$1 } from './p-VGpxDTip.js';
+import { D as DgaCard$1, d as defineCustomElement$1 } from './p-gKxozo5x.js';
 
 const DgaCard = DgaCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-carousel-item.js

@@ -1,4 +1,4 @@
-import { C as CarouselItem, d as defineCustomElement$1 } from './p-rZuK_pdo.js';
+import { C as CarouselItem, d as defineCustomElement$1 } from './p-Crnov88u.js';
 
 const DgaCarouselItem = CarouselItem;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-DCDX99hi.js';
-import { d as defineCustomElement$3 } from './p-rZuK_pdo.js';
-import { d as defineCustomElement$2 } from './p-E2Ef0hpp.js';
+import { d as defineCustomElement$4 } from './p-hz6LceMd.js';
+import { d as defineCustomElement$3 } from './p-Crnov88u.js';
+import { d as defineCustomElement$2 } from './p-CBcSAhbv.js';
 
 const DgaCarouselUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCarouselUsage extends H {
     constructor() {
@@ -10,115 +10,115 @@ const DgaCarouselUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCarouselUsa
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '135bc619c23070b1e730b23411c9699060c30142' }, h("h1", { key: '19361805583065becf477b9dde8b4279113d6c63' }, "Carousel Example"), h("div", { key: 'fb1053e8e18da8351fa757cdaf9df34a32157241', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '988c510cddb672792d3b7ee78ed5f64d69c2073a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: 'fce2953ef3bb991ac8adfcfbaa25b6ba6864f438', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: 'd30c755eb3dda44425862f75124feccba440698f' }, h("img", { key: '4c952b404c49224ecae9fba743a46dcfe81984b9', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (h("div", { key: 'd4332729034b0e9d770efd654bc228a400137924' }, h("h1", { key: '03455c4f42b3c0b22f4a6c5b654e4cd087e1c9fa' }, "Carousel Example"), h("div", { key: '28ec0a88d8e6b8d203da9ec60d38b788b5366dc7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '44f3891904484f0b52a99c7193e2bf386f0bdfcd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '699e52ce630c1ec07c18fbc24b10eac6f600416c', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '71adecb1492bb8f5caffb97ac2384d6a2ae78108' }, h("img", { key: '47e5a08e5e8232497099e9df037584d140db4a97', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '86891484bd67a22ade9c5af424e82ea0b2226507' }, h("img", { key: '20f413fe7d84ff0eaffee44636629e0a514df3d5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'bc7da0be3d64973fee60ad139ee3c149a7705c46' }, h("img", { key: 'ee0da3c9d55465760c474b896c7a2b6fcdc0ca56', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'fdc402ece21ffaf9ded84e57f9fe18878b9fc886' }, h("img", { key: 'ac9d20b1cd927078ec3341bc890bc5637815d95d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a053d969979ce491a3f6fe1845e8f3e255c5ae0b' }, h("img", { key: '9fe9b088eccf58e956bc594f728bb1afd0ed5d10', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'c59ac0f2a901971dcbd5d0fa469699278d9a87f1' }, h("img", { key: 'eceb26c5e4222f3e1ee8f99e94cd36fa1e9cf7a5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'bc3d639e0e0e25da6a9713e1364d83d2c7b3f242' }, h("img", { key: '14a2f57c5c5855d8aa22b610750131b7cb8f352d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '66334d303ec952bda189d55d97ab0e89a0b23e04' }, h("img", { key: '7dc3ef5181ae62b28886bfd49598a59471a0c4d6', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'e0f19d704beb1034e6b442072ce4dc849e6f87d0' }, h("img", { key: '7f083a5968d2654d46b7764b668a36bdccbc258d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '901f34d0accac9a4cf4d39a02933f119b01d818f' }, h("img", { key: '47205fe157c913823a8f6696c3bca233fe3e4b10', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '0f0ccb7d9f13bd86f82f3add3a218c738aca8614' }, h("img", { key: '8d578cd33251825162909f9d9b79c5fc8d88a3aa', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '4317213ac905bfeeb1fa056160949d046babe9d3' }, h("img", { key: '5f9f8b54bb78473b7823aa53d05b42c8c6704d71', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1d90aadac1729adf53d86dd762d83367c36cec0c' }, h("img", { key: '2f1d33d58d8a8b3e9395a9105ceae5c7c5d343a3', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '93107d2f0979c2ea3c2bed33c59711b55c2621f4', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: '6d93f75f1a0c4e99c9737f2c56b42a4c10693393' }, h("img", { key: '9519a6e58f6250e54b6d2ddefb9ecc83935138bc', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '7417b9055ce7b5ea494ad424ed9507729ec5ab5b', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: '4a43b22960e904e006f4bf2ef590149935627749' }, h("img", { key: '312f5dbed16a58b18d6c182270efaa6cf8f878ca', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '7f7cd20624cf002137cd3178618650087eeb7b86' }, h("img", { key: '1b74ee12ca218cad33a6dfef691c05a38b9c7ce7', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '94d09ccc30f6102382d535f5caa22df18c483c1b' }, h("img", { key: '6c661f923e7d5cf8d8bcd213eb4a321434006cf4', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '9afcbedf396c5116805768a13736eac12669e2e7' }, h("img", { key: 'cfcd3e82c3aad3bd0389afdd22d2321928c9e30d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ac939a9c82d2b2ebc2f108ad2d93b38346555966' }, h("img", { key: '46c9e14e14766b6d0d7c0188d7f3b88ce70e6c77', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ecfe8c991251ff3951b258476a14664e2721fa66' }, h("img", { key: 'ffe03e6dc7024dd3750294cf88ab9778946ef591', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '6e01d8c324630d7fe83037e8343c9825d9035945' }, h("img", { key: 'fe0d8337ea18c3ac7659ff747dc866c9c449982f', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'cf0970da4964c3143d26e80df9044cbf6723558e' }, h("img", { key: '6fd2e64708c63edf9900625b18296232d35df568', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'aaad31f107d8e1e383d5945d1bbfa188309094a6' }, h("img", { key: '52a7c19a3411ce889004bb590e6e3d886eca8b36', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '43bb1988072b7b7f611357966a1da757f5d1a81c' }, h("img", { key: '796c455a7182934856a49e48d9b9ca1faaa361e2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '05319c82815ae60b9501a7d4c02684a153df3dbd' }, h("img", { key: '09687238cd44348f24c3e799965a0bbc358c4588', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '223ad22d488905bf52524e90c19140af1b86b164' }, h("img", { key: '1c2118b1f2088a8b9dbc4912599c6e5644482ecf', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '935fa01b7f0f4b0d22d88cc376c095117803470a' }, h("img", { key: '94651d1d7b95f6865f77e3c3f6c148218cdf28e0', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: 'a2dde1ddf904e8d8b0250b830c144a9a374bce7f', size: 'md' }, h("dga-carousel-item", { key: '28f4cc663a739e6e39d082142809794298027e98' }, h("img", { key: '2b9d648247efead8ad1d99ad214b798280c6b6e6', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'b8f4cc696af500c29ae3614c518e2b460d1a9e14', size: 'md' }, h("dga-carousel-item", { key: '0e83d5dd9084341d7629a44a0627f9d91f82d077' }, h("img", { key: '542a2b1a77f121464da175929c8644316ddf6818', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'a5e70ccfe76774b30e3be16470795a0bda76b7d8' }, h("img", { key: '2558d5172b31f428cb2b282a57b930bce454f62b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'be28fc22cad776c13d8a02820417c2a2d5cccb70' }, h("img", { key: '64ea11f672ba14e32ad00984b7039513f9ccc3d2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '9dbde8591e321f65bd7eb16630e2f93cfe55f270' }, h("img", { key: '4a723c5da6fa7e3d441c5f6083075e700f1e80bd', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '006b65dbdc644a941123c1eca8c130bf146a8eda' }, h("img", { key: 'c9de089b87c2eed7001cbf882fb289680d014051', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '108ed117d304ec9054931c6bc567bd77490224a9' }, h("img", { key: 'cf03b3bc02387607e3995e6d139d565decfc7110', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '3b949aabae2cec26d7702c630359d6369e9aab50' }, h("img", { key: '26d0e01f0f5361bc4181d3c4ddfcf8487acb82b5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '970168634238327a3665be7a73073ce063b8261f' }, h("img", { key: '8e5551a1f7ef62152e6bb0b9c13da2c2c764d3f2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '3f4ae5c76e72375368fdc300f59037d2ddf1258b' }, h("img", { key: '99a9d3938ce1ea3e166062c53d6d9fa3b2dd6fac', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'f6ba2fa8e0fe1f1387672fe1a2562dda91f117b8' }, h("img", { key: '9d08bb3353f83853dca40395b3064c7f3f10c857', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '6b799a2f0657177dbbe7f96d9d651c8d563d13af' }, h("img", { key: 'f374a2ffd636239eaa2c00de8365d149ad3f6947', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '51f29f40d938cec59f550cf8307cb82b833bbb03' }, h("img", { key: 'fb774efe7edc5322e2ebd3abb2e1d729a4f2f230', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '579bd31fa4f2bfe3bfba2c448ee5790c0687ded7' }, h("img", { key: '5c236768e16585fbdc96743d89216b7a068d678b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '1bccdd98ffdb8dd69571654f5705099556843d83', size: 'sm' }, h("dga-carousel-item", { key: 'fc95894fad57cb3b4f6c6feeb2c283b977f616c8' }, h("img", { key: '8b01e3aad270bea54f294b68688ccc532ce43da5', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'b8747e22d8b6b02e2dbec7095109802a78674263', size: 'sm' }, h("dga-carousel-item", { key: 'a2a309cbb4014eb0d6665bc345abd8504885ace5' }, h("img", { key: 'af3aa2eda260c21cb40dfa8802b9a23a67198203', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'df33685f5e6be331df84098f4603b2c022580af8' }, h("img", { key: '1d215f8c243ead5aaff39fed933accccbb443391', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'e4871fb699d73846362eb0d6cb6e4ee3a9ea48dc' }, h("img", { key: '2d3405f15c68cc0ce67fed87750866bf340a1577', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '151443d185460fa50c5622234e80be7fd65a5030' }, h("img", { key: 'b718c70a445ff8b32086990d717a161a18dd192d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '27f3af8e9ec7a78b4e03c99d11ecac088a075329' }, h("img", { key: 'f4da4ad6ce1c70aad518f7ab28c2be9f60c2e8a7', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'b0ed03b6585ce3761841243e66ca4aee823d153a' }, h("img", { key: '8b24e50c71c59f5af62b3b455477fbe306c5de83', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '7a56a2cb22a75315798efb8f50ecf13a4ece596a' }, h("img", { key: '9d39b167140dd74331baea3a7b739471fdba8b7e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '1a8820d54d0247d376a6d65a06f691785fb50fec' }, h("img", { key: 'cda02f0945307a6636adfd8ff0c6d64cd199f1f5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '58558ac974299e11b8c9e6c3660cef0667a8b1c4' }, h("img", { key: '343883453046d74b65c0001bd8ac80e3c4f87e57', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '1b69effb44e5ec0d2fab3844745fc901faee9b4f' }, h("img", { key: 'c7ac460167c559ef50bfec9d7eb1e546a38e68a4', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '91b88d8af4ac1d77356aea1613ac8b5298bc4472' }, h("img", { key: 'eb71c311f4203d62294a20a8ad9f9a997592332c', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'e004bb8b6ae2bde6bc3d3256f3de6902ea53c97c' }, h("img", { key: '98cdf9c3f6dc73e76ea68f1bfe52ae261afbea09', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'e29a5938553fcedbd95786737f809e5202f2cf53' }, h("img", { key: '989d8fa65ae01e21f1dcf72f3ad6da303e9301eb', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })))), h("div", { key: 'c1d2b3a303033b6b0e3b98157270254e02c4d194', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: '1c541dcd854896978cfc2288f8b440f8df3f34f6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-carousel-usage", {
         "variant": [32]

package/dist/components/dga-carousel-v2.js

@@ -97,7 +97,7 @@ const DgaCarousel = /*@__PURE__*/ proxyCustomElement(class DgaCarousel extends H
         }
     }
     render() {
-        return (h("section", { key: '6efb6b6ae3a25fa843d47959ac4a6658b7af178a', class: "embla" }, h("div", { key: 'dd1b186145302332eaa6c1ea980c73782b5a1940', class: "embla__viewport" }, h("div", { key: 'ac866d3275a57d5ea7a47e466945d88b873ebf67', class: "embla__container" }, h("div", { key: 'e355e05800c4621167ea3eeff67fd0e1b1d51ed9', class: "embla__slide" }, h("div", { key: '39069e003bea95eee086457613c3f9db2b9d7390', class: "embla__slide__number" }, "1")), h("div", { key: '08cb293cb70f0ee84cdcfc2d90b2789901a75933', class: "embla__slide" }, h("div", { key: '5bf5f54fe58c7e89ae4144d488dfb63006adabb3', class: "embla__slide__number" }, "2")), h("div", { key: '1f29a96db9fb5b330198f251d4a5694afb8c87e8', class: "embla__slide" }, h("div", { key: '84f2ad8f71eae1f57dcddb53b41fc5fe0fb3700e', class: "embla__slide__number" }, "3")), h("div", { key: 'ababa6bc1e2d05444f876d895bf391201f6a7b08', class: "embla__slide" }, h("div", { key: 'b5a61d3f1cabce18f69ceb1a837ed2464e79e5a0', class: "embla__slide__number" }, "4")), h("div", { key: '54e5f28466246ce79dfc5c121034bfaf6078369f', class: "embla__slide" }, h("div", { key: '5574a24c6a1f05bf24d4454d2f6b9d2250168a7e', class: "embla__slide__number" }, "5")))), h("div", { key: 'f4ad3d389d2a9c13727bcca1cd2163cc17848cbb', class: "embla__controls" }, h("div", { key: '68266a291424fbae89fe62bc2fd7a4983bd58741', class: "embla__buttons" }, h("button", { key: '73fc18a2f5c863527b6b6883125ac1d185257407', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: 'b6b294f1c04b3324e93d79705aac6243505eca1c', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'd22f49937bb74b1ee9109402d187154183742a57', fill: "currentColor", d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z" }))), h("button", { key: 'a0d96c897e669f3cf80d6b223283aebcfcf3a55f', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: 'd0759e4759478493d9fe64be33fa884243602dbe', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'f4fb6adb01767c8b01eedaab6ce51054cba326d5', fill: "currentColor", d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z" })))), h("div", { key: '8fa12f5f16b9a5ba44d11671d47142a1daab6531', class: "embla__dots" }))));
+        return (h("section", { key: 'd4bfbb847179b61417ac3eb5453af8aed881870f', class: "embla" }, h("div", { key: '530f1ac5ed39be782bc69378807fb884b9748234', class: "embla__viewport" }, h("div", { key: 'f56b89070d00a29eef72b27478c2d3083363e881', class: "embla__container" }, h("div", { key: '78cee2a6ab972860a1b8cd70148ed2cb0842957b', class: "embla__slide" }, h("div", { key: '3162557b787224494b63a6522c2ca05c5da27200', class: "embla__slide__number" }, "1")), h("div", { key: '06cacad1aa2c07ed188a2e6d38a3b7ac729bc28e', class: "embla__slide" }, h("div", { key: '6578c8c9663d7d0bd6a8e7980565092e9269fc81', class: "embla__slide__number" }, "2")), h("div", { key: '6c88fa5ce07a009b46a3a8ca0d5213b9df3a0676', class: "embla__slide" }, h("div", { key: '74772c46f3437417efef32278ff9d9cb92033ba1', class: "embla__slide__number" }, "3")), h("div", { key: 'aa075a34d6b99d9a2b76018a6da168d4667180f0', class: "embla__slide" }, h("div", { key: 'd31adc6af31e3cf7039c3692939d7cb645583fff', class: "embla__slide__number" }, "4")), h("div", { key: '3b89c9a08df708d8f7f8700397a28d2e1676ceac', class: "embla__slide" }, h("div", { key: '7f8ee18821c5476cb468d2a83b067dbfafa18d41', class: "embla__slide__number" }, "5")))), h("div", { key: 'c2764da8c4d9f4d17bd5fffc4016c70a1ecf3552', class: "embla__controls" }, h("div", { key: '72e20f6a9c48380861f856f67e48e7c23758ecba', class: "embla__buttons" }, h("button", { key: '4c32a600c3618cde98e96add6be0bb5f6b3bb613', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: '7160cdb032e4b67e9f545d84882d661000f4ad7a', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: '779ccf6a7159465c8466a8aa133bc4a1e43f00bd', fill: "currentColor", d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z" }))), h("button", { key: 'ca7f99c8efb668c3431e429738e08f8426cb7301', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: 'bfa44646a9510e08c605b8a9e5a0653c4af62505', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'fb0e3c105a12651544c083c28ab2a47822a244d9', fill: "currentColor", d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z" })))), h("div", { key: 'fc6246271312cf8721d7d5dfc6689c3852b67ff8', class: "embla__dots" }))));
     }
     get el() { return this; }
     static get style() { return dgaCarouselCss; }

package/dist/components/dga-carousel.js

@@ -1,4 +1,4 @@
-import { D as DgaCarousel$1, d as defineCustomElement$1 } from './p-DCDX99hi.js';
+import { D as DgaCarousel$1, d as defineCustomElement$1 } from './p-hz6LceMd.js';
 
 const DgaCarousel = DgaCarousel$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -7,7 +7,7 @@ const DgaChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChartUsage ext
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'f98e81ef6a1b6c74584ee637a1892637b295d69e' }, h("h1", { key: 'f4dc6a49068bf5b6b640960c909336a1e0448974' }, " Chart Example"), h("div", { key: '4a8f8745813b053517568f267d87bc5baba38523', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '59d65ce0da03f7c129210136c140a07805310dd6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '656cfe6f68e5063b06ad5105ec706bdd29c6bafa', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '13a2ae3355f1ff70cbfe5d15ae1d6c01e61ce054', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '29f13dbfb5ca6755d7d1d02677411c6798e943a3', type: 'line', series: [
+        return (h("div", { key: 'c44983ce923c266cfeaf26f2eb148b7fde83133f' }, h("h1", { key: '308acc78c6ffd51f7ff8287c59f69465a5547819' }, " Chart Example"), h("div", { key: '278a2432057520533cc25f8c5c5d7af6aeadc585', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '00958f0f49c19aa081439abc2c7d042cbb711681', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '989539e7bcdb694db344d0f1d25a575d72801cef', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '0c8a464b9de5f4ad733f48f297d3b770ac19b9d4', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '5c188b9e3a15741a38074e669dfb2016bfc140a9', type: 'line', series: [
                 {
                     name: 'Series A',
                     data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6],
@@ -25,7 +25,7 @@ const DgaChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChartUsage ext
                 title: {
                     text: 'Active users',
                 },
-            } }), h("dga-chart", { key: '939a63747f6f7ecc53773fb905ad25e1b829dd0f', series: [
+            } }), h("dga-chart", { key: 'a57a94e5bbe4c3d2b4fbd91fb247ef4041a8140a', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-HTssCtbh.js';
-import { d as defineCustomElement$3 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$2 } from './p-DNO2F1PR.js';
+import { d as defineCustomElement$4 } from './p-D3SOe54i.js';
+import { d as defineCustomElement$3 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$2 } from './p-BAH8yWeA.js';
 
 const DgaCheckboxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCheckboxUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaCheckboxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCheckboxUsa
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '657e02ca429e61dc3c69f03ca4713f7f490acff4' }, h("h1", { key: '009b790c4ebd2dfd57f9417644167e4a12731811' }, "Checkbox Example"), h("div", { key: 'a22382e8088dd1af150d283c0dd7fae316249b5d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c26ee773857a7c6d50b8606147b57b363c8f0cc7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: 'ecef81a3af106be510bd07c6c6b146a8956f6c44' }, "test"), h("dga-checkbox", { key: '305ae9eaa7437668131dac41c92bd25f33776099', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'd0f555bad89339e225972cfa8114faea6fcff33c', size: 'lg' }), h("dga-checkbox", { key: '1495f1ee81452c4497650f29ed6f0b2e1900ed7e', size: 'md' }), h("dga-checkbox", { key: '4c79ac1b264bf1645d534644b35c15c22e72fdb6', size: 'sm' })), h("div", { key: '38f92ac5f0d0a78b5d6cb880c5a2e01efd750360', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '7aadd8375e21ed45dee60e0a74f711e94e2223b4' }, h("h1", { key: 'dc5ca4c847ba26136f50da12f11c84c03df3efe1' }, "Checkbox Example"), h("div", { key: '3ec13a3f85affd4004b424e7522752186bd08f34', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bdb61a2d56d41b71efe8d4214771f0ab8de264f7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: 'fe201422cbf898e96711c900e327c0a6fcadd7d0' }, "test"), h("dga-checkbox", { key: '31a6bba527c6d168446e2b1674baad3dc9c4fbfe', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '058e4bcd4f9eb79fde15d738834326668d9969e1', size: 'lg' }), h("dga-checkbox", { key: 'c36fc43a9c5beb510c618971ec4ef35269bc4937', size: 'md' }), h("dga-checkbox", { key: '85e914e175e2e75e42b681dc911deb683571dafa', size: 'sm' })), h("div", { key: '5a9f7c9759d8b6a91497527358bc007e4734770c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-checkbox-usage", {
         "variant": [32]

package/dist/components/dga-checkbox.js

@@ -1,4 +1,4 @@
-import { D as DgaCheckbox$1, d as defineCustomElement$1 } from './p-HTssCtbh.js';
+import { D as DgaCheckbox$1, d as defineCustomElement$1 } from './p-D3SOe54i.js';
 
 const DgaCheckbox = DgaCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-9tHhqNmf.js';
-import { d as defineCustomElement$2 } from './p-E2Ef0hpp.js';
+import { d as defineCustomElement$3 } from './p-CgyYG9tK.js';
+import { d as defineCustomElement$2 } from './p-CBcSAhbv.js';
 
 const DgaChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage extends H {
     constructor() {
@@ -9,14 +9,14 @@ const DgaChipUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage exten
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: '0178f4d6fd4b0719a2d3434d39f86bb66ad142f1' }, h("h1", { key: '907c68073c0b297355aecaacde5e247ec09f480d' }, "Chip Example"), h("div", { key: '372fb45c5eeda1ee383972ad6d2dab7a031daf42', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'cb2aa1e9c18f64a1b681d5b3ae50262208a120db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '2e5a611ef8ba489f242e09562a73054dde3ed496', label: "Label", variant: "neutral",
+        return (h("div", { key: '66eda235a7ec6446b51d9cadfdd3b08559e5daf8' }, h("h1", { key: 'b458c2f4fc61414f443a598ff8d60e7f0758ae83' }, "Chip Example"), h("div", { key: '6a60a71eb7c0ced5bafd2ae38bc57639be3b70c1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f704d56e4f8bf784740e53fba5084af0632ddd66', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: 'a964890d9e48a0b3b16d6c15056e4ed3c1e0daeb', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '0b476dc34c94286ce0bf263c86a0bd26840d0d64', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: 'c135fca8c1eab755708382570bfee54a9d28926f', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: '023fe5cefaed3d957d37e4d5311ec5d23c89b858', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '1258767d03a873b5541a066f531e83effa475fb1', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: 'f514a151ac14828bcbeafebbdd631c91db0c2192', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '720b5c589d97d5c0ab0471e4997a6f0354204f9a', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '5b6fbb30727bca96ea55fb9179ad031373699ce7', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: '92002798917bb8a4a231abe0441bd25dcc377ff0', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'deb8e27d0ef297790ceea9da959d5112815ff012', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '53bfbbe7b7cbcbeea18e161ded679c8ef85e4189', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 }, [0, "dga-chip-usage", {
         "isSelected": [32]

package/dist/components/dga-chip.js

@@ -1,4 +1,4 @@
-import { D as DgaChip$1, d as defineCustomElement$1 } from './p-9tHhqNmf.js';
+import { D as DgaChip$1, d as defineCustomElement$1 } from './p-CgyYG9tK.js';
 
 const DgaChip = DgaChip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-circle-skeleton.js

@@ -1,4 +1,4 @@
-import { C as CircleSkeleton, d as defineCustomElement$1 } from './p-CzBZGbQc.js';
+import { C as CircleSkeleton, d as defineCustomElement$1 } from './p-QloWZdK6.js';
 
 const DgaCircleSkeleton = CircleSkeleton;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-circular-progress-bar-usage.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-DN7bz2AB.js';
+import { d as defineCustomElement$2 } from './p-CK8mbmHz.js';
 
 const DgaCircularProgressBarUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCircularProgressBarUsage extends H {
     constructor() {
@@ -12,7 +12,7 @@ const DgaCircularProgressBarUsage$1 = /*@__PURE__*/ proxyCustomElement(class Dga
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: 'f21480e51ff79b4d537c228690b894ede442a807' }, h("h1", { key: 'ef9a852a59d01a617fc818424cbf95e51ccb40b6' }, "Circular Progress Bar Example"), h("div", { key: '2d17ae6c3bbe9c87871d8f81e9b17681d0e50230', style: { padding: '50px', gap: '20px' } }, h("div", { key: '88e94e743f8825cad4f507532c6f385dce6f486d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'bcb49f7969a53cba89220ff673b4c99b2ac240a3', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '73979783ed901cc3eda58b754277d192a11aee88', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'ae01aea09cbe7e1d77420714d2d1ab659a2298a0', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '64785601b3252acc40561ea587c783d0b026cc0d', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '0e820a9fa3729b9d31f84b84f19cb133ac2c6f15', size: "64px", percentage: this.percentage }), h("div", { key: '9896d944d3ab34ba63ee07583b5f6fcae45b829a', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '9d0f9ae93e5915d866a696d75773616f4c6773c2', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '4bc48a52a159bc2980827904d8f327ecd60cc723', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f68eb463bca3ed2167a4c4c607b496adb9201f07', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f31110b46df0746191e25e8bee37b07944fd9bf4', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '76b350ccc0feaf765ab771a9b720a75f711bb34f', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '276089e86c5d67e5ec229924dc465177ee043eee', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '810290a41fbe4f15186dc7fcd9269e931c522274', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '809392514a89a5a16637c6b33517f06b30bc3a35', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'c92fde5641c8d8f194b94922081bed65ea1a0c1d', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'e66529d2037e370b6fd4c0e1b4ee55eb9cb68d78', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '12cdada45b3525143507f61d7a6695af500c0ca5', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '180210743b4c136de17e5ba2175d88fc2faafce6', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'd94b40a81e08c0d854320c7a8ec1e2204894ae60', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'f792a3af553db0c0541a22c45eaae234ff6dc4de' }, h("h1", { key: 'ecbff5f4aa7b5ec601b2d62367bbc6e22c32d5bb' }, "Circular Progress Bar Example"), h("div", { key: '2f801fc1862c2b5e32f122bddb686b0fd6ff29e9', style: { padding: '50px', gap: '20px' } }, h("div", { key: '79a31a29f61119f6b554b2b588a44ba68bc403fe', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '8f0249469ed6125e55ac9e65d37942ea1660e956', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'be06b4117a327eb276f4229edf6cbd21ec4e2400', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '0c638dd2d8d226e672e1eb59248ea3689fb38743', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'f1b1706888afee169fbd9b0a25abe16a94271f12', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'ccd172cbdaf0c094b684b076f2e2f4bae50cc2da', size: "64px", percentage: this.percentage }), h("div", { key: 'c0352cda4a7633922b9a4483e77490d06696e701', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '8d303b7571457b0ffb24288f82b468071e50b89c', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd7ec29d5f21aefd1e404ee34cf5d871cf7fe0c14', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '43df18ae5f75907e8c85f0ab11c7391cb0ff65c2', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '30f9d057815f6c4641806a8e96674096e635c16c', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '7aa7a3435708d7edef5ef376cb88228d094e25bd', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '281497eb38cffa426c35b71269f3db078044ef3f', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '7c22851c0d9e4b1b98334c66957ce4dbc5530f44', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'b18ad958627c5f121c880187c7dfd079c477c4f5', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '739e6e9d73c806215e8499e670b26a3e0ffbbcd5', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '9adb43a66484a552c155a29a8fb65c6933bb5270', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '12ff91d2ad603662862cc176ccfa14d83d6f0c1c', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: 'b9e188f6439bb70443a8384882dba8f13da80014', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'a76748255a4f31b7d968120cbf50fd8891db53e2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-circular-progress-bar-usage", {
         "percentage": [32]

package/dist/components/dga-circular-progress-bar.js

@@ -1,4 +1,4 @@
-import { D as DgaCircularProgressBar$1, d as defineCustomElement$1 } from './p-DN7bz2AB.js';
+import { D as DgaCircularProgressBar$1, d as defineCustomElement$1 } from './p-CK8mbmHz.js';
 
 const DgaCircularProgressBar = DgaCircularProgressBar$1;
 const defineCustomElement = defineCustomElement$1;