@platformscode/core 0.0.34 → 0.0.35

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-C8Wtl6Zv.js';
-import { d as defineCustomElement$4 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$3 } from './p-Pdnd7FQS.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$5 } from './p-CfQ8F8Bh.js';
+import { d as defineCustomElement$4 } from './p-Bs_sPiZE.js';
+import { d as defineCustomElement$3 } from './p-Cg2ruBZP.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.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: 'c81a6d79724a7b2214d0782d6e9e06a981719d32' }, h("h1", { key: '0d1f83f58c1e6ee0c4022fd82eec4a9dabcdc143' }, "Button Example"), h("div", { key: '4ddc2d432f7fa76e16cabef7a9fd75b64c98db27', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b77c2c9c2b16fa263879f6f498f754d03e35a30f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'c0378a1c253e95ed16fff16f8e202d99be23cdad', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '06ac74b952254011290808f5f883eae80a479f2b', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '3e7e84ae52204862b92d1905fa83512461242c9d', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'c83c02e670366e7a22653c47aa0aa3332e1d45fa', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '371041588f0b6a1ec1c2526c361876c768a72b4d', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'e2e9904eb9c0c74d7b36ddf91e12cbfa22a456f3', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '6377ae3c5fa45c4aad2de79a832b08956140fad8', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'd055707f1fe8f748b597d13bfa24c521efe103cb', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '3b0860a65509eaa653b2429cf5a4e9444fbc4718', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'd30289b8c0a4fec0543c5d17ead1b511e0a163e2', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '705020aaacef307016965dd78372067560ebbc68', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '8f0bfebc6772ed00f220580308f90621cc05348d', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '9cff156b96a59f9c4c0539ee64d771e6b3ea4e49', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '0e0664ffca326b0f949b09cc28ad76218b9aeddc', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '55b730c524e16ee5e232c95dc29093405744dfe5', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '44242f2277db2144c4a83f21491f4c23efbafcf1', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '793ccabd959b6f6fc5f9f4624f94e497956f7471',
+        return (h("div", { key: '5523fcf839868200e2f885b2f5ffe0a2ac92c38e' }, h("h1", { key: '8c446ebc307e784287a652c0e9183dc4542fabf2' }, "Button Example"), h("div", { key: '51f0dc01fe8b35fd9aebc073a9127f642146fa0a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21c12e0579b99fb44164a4755301482b2dac1b41', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'f9aaf1cb31dabb25d3b000aa22360ba1efbd7b69', direction: "column", spacing: 16 }, h("dga-button-v2", { key: 'fe90da1f4e5a9c71261f723e52d0f93a12125452', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '25d036902f713e54b77f9a3611f231b47fcfd1eb', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '92a8444a7d5dfb0fe08bf52260b85b4fad3c2436', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '3b2fd6212430234b7db9717ffe8c50b2203c5a9b', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '465460b966b50979670fa85fb894910fdfc7a04e', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '23abf1fc63c47d833e6095d85914356be40b07d7', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '20290811a07733b77af71467c32445907d272686', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '79a3bc5e1bd7745a6910f7effb1f92b2c7b6f979', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'ce0b5540330c1e20c3cf66fdb15efe2ec0830607', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'f5214703c87436e7acbd8f26e43f1e4e4fa61b2f', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '1ab821a70059d54343b55951bf05a95645fd87f3', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'b6c5e5d1248f48f0a0a2ba4bccd4f27a542b5083', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'c21e765eb09b2fb1fcc7c01c7516b24c755d0cad', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '6df379b1b089021fa02b94c02e9842e538712883', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'efd9c98325728d6a9287784b32d8ae07afa52f38', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'bcd305f5c8c8256f2c2bc3c2eeb25e5a6d021e5f',
             // 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: '9b5d8806e331c9b2cdca584ab207ebe346a8cb51', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '68c90d90c6f615c504d7cdeb2394c4341fd0ac6b', 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-RsJ7rSMp.js';
+import { D as DgaButton, d as defineCustomElement$1 } from './p-Bs_sPiZE.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-Mol_JgYY.js';
+import { D as DgaButton$1, d as defineCustomElement$1 } from './p-BLDzt_Uq.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-B7nREZAb.js';
+import { D as DgaCardActions$1, d as defineCustomElement$1 } from './p-DR5P_P16.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-B5a9AwDV.js';
+import { D as DgaCardContent$1, d as defineCustomElement$1 } from './p-CHHI-Ocu.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-B_gc8T0L.js';
+import { D as DgaCardExpandableContent$1, d as defineCustomElement$1 } from './p-BTlGi_b5.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: '5f95886d11de7ffd2ba0de1a853a275ef1ecc895', class: "dga-card__image-container" }, h("img", { key: '82966daf75003e7a86d752c74f5a78bac7ec020c', src: this.src, alt: this.alt })));
+        return (h("div", { key: 'a9d3e98d3e8fb48529a54ae9052061a9dd782497', class: "dga-card__image-container" }, h("img", { key: 'dbc4df877868715483bdf89744451a778ec2b49a', 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: '8785b473294f99d0c5a8ba750538bfb02e13c080', class: "text-lg-bold" }, h("slot", { key: 'e068f8b309e912bb7c769b8f310a0b3649b97b48' })));
+        return (h("h4", { key: '1b09c0c4850e623f60260b6f3d8ffe730c2f31e5', class: "text-lg-bold" }, h("slot", { key: 'a611028c66a9512443db355eab99f7120384cd12' })));
     }
     get el() { return this; }
     static get style() { return dgaCardCss; }

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$7 } from './p-Mol_JgYY.js';
-import { d as defineCustomElement$6 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$5 } from './p-f8QlyKwZ.js';
-import { d as defineCustomElement$4 } from './p-BmCNewBW.js';
-import { d as defineCustomElement$3 } from './p-D6-A6j3A.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$7 } from './p-BLDzt_Uq.js';
+import { d as defineCustomElement$6 } from './p-Bs_sPiZE.js';
+import { d as defineCustomElement$5 } from './p-D1MMwYa8.js';
+import { d as defineCustomElement$4 } from './p-C-62j229.js';
+import { d as defineCustomElement$3 } from './p-CnoQYu5E.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.js';
 
 const DgaCardUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardUsage extends H {
     constructor() {
@@ -14,12 +14,12 @@ const DgaCardUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardUsage exten
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '410af2cc3c09641f3108874942bc9093e4610a61' }, h("h1", { key: '0d63dab78f6b2fc2ea373e85d4d68dab0962c264' }, "Card Example"), h("div", { key: '19e3be14e0770b093f0a1707ae46fa3530bf97d6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1aa62760a627f28b9789dbc89a4151e4811cca23', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: 'd4a57f75f9d0056dbb4091f8c0dc9b5ba3a51a96', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'a8003099274cd997301f1d0493e5947f9899c31c', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '6acca12f413a19fdc150dc542f9a3da382940786', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: 'b492011817774b6d6af6369527f07d9f85d9abe7', cardTitle: "Card Title", sx: {
+        return (h("div", { key: '6a7a1b6e441772c76742ea6b571f95b088d5f03f' }, h("h1", { key: '3caae8983f0a589d090eb3847aa8deee721bc748' }, "Card Example"), h("div", { key: '63e25e6cd62416548d5e110b67c3fe4633194470', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5bd873a8dac0c0a9f80ac70fe7021fe7ce5748db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '5289afbd10c9734bab1658dd24ded2df90312cbf', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'e415bef8be7707b2a269e9e87b8ab6fa00a1b2ad', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '8c55e101dd0a4279c2d7582021a519483c2b133d', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '730606135cce7a68f305d62365e6ff41288f97a2', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), h("dga-card", { key: '7b74c00a7011807eb4363cadcc1305d204cb8bb9', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '437bb06603897799193a54901502deb2aa7f267e', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: '0eede96707383f092464e5b788c7e66bca0a2cd4', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '71f3c4b4156d6df7dcea08e26646788d49bf3f68', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-card", { key: 'c75b0d0d15ad21eb5dccd5784a5ee67ed0604706', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: 'a0d79d3f779669bd7417e196f02ac7f20b116fc1', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'd451d77e46ee7a513f6cbfd8a5b40315383493aa', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '960fa71feb652f88ba897de219a664b16cbacd32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-card-usage", {
         "variant": [32],

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

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$b } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$a } from './p-B7nREZAb.js';
-import { d as defineCustomElement$9 } from './p-B5a9AwDV.js';
-import { d as defineCustomElement$8 } from './p-B_gc8T0L.js';
-import { d as defineCustomElement$7 } from './p-BeEcqJ0D.js';
-import { d as defineCustomElement$6 } from './p-BmCNewBW.js';
-import { d as defineCustomElement$5 } from './p-D6-A6j3A.js';
-import { d as defineCustomElement$4 } from './p-Pdnd7FQS.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$2 } from './p-dJM0pmQp.js';
+import { d as defineCustomElement$b } from './p-Bs_sPiZE.js';
+import { d as defineCustomElement$a } from './p-DR5P_P16.js';
+import { d as defineCustomElement$9 } from './p-CHHI-Ocu.js';
+import { d as defineCustomElement$8 } from './p-BTlGi_b5.js';
+import { d as defineCustomElement$7 } from './p-Bb9KX6Pu.js';
+import { d as defineCustomElement$6 } from './p-C-62j229.js';
+import { d as defineCustomElement$5 } from './p-CnoQYu5E.js';
+import { d as defineCustomElement$4 } from './p-Cg2ruBZP.js';
+import { d as defineCustomElement$3 } from './p-CcNS0CYN.js';
+import { d as defineCustomElement$2 } from './p-eJMs31Nm.js';
 
 const DgaCardV2Usage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardV2Usage extends H {
     constructor() {
@@ -18,17 +18,17 @@ const DgaCardV2Usage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardV2Usage e
         this.selected = false;
     }
     render() {
-        return (h("div", { key: 'f56c7c0cae876bfc3b8d6a7c12ed1ec254ff8766' }, h("h1", { key: '9fc420f8c2951b37b878f76a8ed2995316303ab7' }, "Card Example"), h("div", { key: '222f0afc60ab3dfcfc3582188e8489b288ef23b9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21341f46d3b598bae90046b3aaba4f22bb095e9e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: 'c8f671ae081648996d7c40784acf562fa1b8bdd6', type: "default", sx: {
+        return (h("div", { key: 'aa2e81ca9e7b8fa11580696582c271be86a617da' }, h("h1", { key: 'a51a817a4464703138520a5f07ddf9c6dc255814' }, "Card Example"), h("div", { key: '2f0fd4bb8ccda49752ded814d78e95d186f754d0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a2b8f7c5c932d042e6a5f8e94ddbfe306b2a5b66', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '03c2b3a351b81b24664cfc04b8328855e5fed362', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, h("dga-card-content", { key: '65df82b0e5cfcc5ee3c4dcb654595b59c6558021' }, h("dga-featured-icon", { key: '91f3c23a3fa8782be077aaafaf332d425753e3b5', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, h("dga-card-content", { key: '394dd8e492fdf011504ee9b33e5b4917133cf25e' }, h("dga-featured-icon", { key: '9f09ced740f222f46b6041ec548d41b200533f9d', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), h("dga-flex", { key: 'e3dafd808c26ab40ec7383109cfd334065d5f933', direction: 'column', spacing: 8 }, h("h4", { key: 'ba9f9fd6442b13f1a5dada1f86864402f033eb0d', class: "text-lg-bold" }, "Card Title test"), h("p", { key: '0dc0574631ce54ca92de55b7f333073c3118ac41', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: '620a4a15bc1c624eb6094b77b2336af201b0b036', direction: 'column', spacing: 4 }, h("dga-rating", { key: '2a683169cc916fb968e027657d3ebd5124db6d89', value: 4, size: 'sm' }), h("span", { key: '804631b639332b8a02e2f250c913f4d24142af63', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '240fee38b3ba7da3c34c1b2cc2af3fd3e97a98db' }, h("dga-button-v2", { key: '81145e9e36c4ca14a5776e67490c532ad13a7939', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '0ecbbdda7daba2d09cbf1e71dc234279d0a8be92', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'b8d963c6e17c657f4ec996dfa3e75e45b26f89eb' }, h("div", { key: '2427413f592b0cc96b9643160aaca036dc56b8a9' }, "Expanded Content"), h("p", { key: '443d9e5e5e9b5655d8b602a001499488beb522c7' }, "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: 'deeabac5769610f260955bf1717a605855713703', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-flex", { key: 'f7e08ddf7bf7483f5e0fdc25dcc0982de422b610', direction: 'column', spacing: 8 }, h("h4", { key: '538eb3d141863e64dd39c9fc4287c11a8c321859', class: "text-lg-bold" }, "Card Title test"), h("p", { key: 'd9743b6088f9328777275b3f12f58ebf37b6d876', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: 'a52859227b1a9111b039da07c42ca0828ac270b9', direction: 'column', spacing: 4 }, h("dga-rating", { key: '76e820b45df66d7f8423326679a2d9c4a9e3a68c', value: 4, size: 'sm' }), h("span", { key: '716861ef943b7c88dec8bd271307720c3580168f', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '15d712a0d2b1bb3ba1fd67a289244d5907fdfc7e' }, h("dga-button-v2", { key: '0a39821141ccc7419239351e6de19e5d78aa2e0e', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '192c2b5ad6921b35438608bc2344fa0a3604d0d1', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'df09f7c7413000a18c7cc7e5a3738fd65de44164' }, h("div", { key: 'f834107bd79d0bd3637a1a9d9d70c3da29dcc6cd' }, "Expanded Content"), h("p", { key: '7e25f21e9f32ca6889cacc6cc41302bb297eb333' }, "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: '756c5d493b18f8aee8699400a7d9fc5ddc6bcaf9', 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-BeEcqJ0D.js';
+import { D as DgaCardV2$1, d as defineCustomElement$1 } from './p-Bb9KX6Pu.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-f8QlyKwZ.js';
+import { D as DgaCard$1, d as defineCustomElement$1 } from './p-D1MMwYa8.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-Crnov88u.js';
+import { C as CarouselItem, d as defineCustomElement$1 } from './p-BXNu0jRu.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-BwG2-iuI.js';
-import { d as defineCustomElement$3 } from './p-Crnov88u.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$4 } from './p-BQEjovbJ.js';
+import { d as defineCustomElement$3 } from './p-BXNu0jRu.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.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: '999cf5342086d8e1701411bb56dc5167d33e168e' }, h("h1", { key: 'db328be7dc37f5534ebdf8ac3cd506fe44169a8b' }, "Carousel Example"), h("div", { key: 'f1eea2666ef05e109bcc5b64466ebc4eb8cb19ee', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f816d692977f5d15a2dce38e4310e5705cf7eaa9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '4c59eb3e0f7e3af93080b8e5fba283ec93899fd9', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: 'eaf2d4a944968ad7121ae1a80499915e84469a05' }, h("img", { key: 'f0907c8e2b596092b8cdd53f5fc55751b6b61843', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (h("div", { key: '5c4f191063a3da952e6e42f4cd19103c2d715a3b' }, h("h1", { key: 'e0dbbd2edcfb86c2fbbfe547dcd490f00ac70ca4' }, "Carousel Example"), h("div", { key: '4fa719669714950f9d9fc8beb56bb7009aa215fc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e2af84279a8ce9c95632ff8f7db99f7521996775', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '123e46bcbb544322886f75173036e3f73b00d9a6', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '6e96cb5449d40b355d628ac69195afc9748d4960' }, h("img", { key: '1cd7447ad28a0c7cb66d2bbe642d33abf5ff86dc', 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: 'af77cec8f0e543f2637a82c541709c81e5bdaa5b' }, h("img", { key: 'c32916121f004694193a67e1cc772ae30f5676ea', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'd41b8aa19885d0b04971dcaef7f3219c3962a6c5' }, h("img", { key: 'b58dbc9370456bf5b10504dcdacab0469bbedc7e', 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: '28d27971828f93705e0062c3330792e741690854' }, h("img", { key: '225585629c79578ffd00f21bf9120be6093ff466', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '949685809aec0a767579989a47a6473e9fd76a8b' }, h("img", { key: 'e39c80ef752e705b2fc6d1d1cc4bf05a467c6a59', 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: '91a815dfdbcbf1bca34b1e67d218bfc92fb585dd' }, h("img", { key: '7e668ed6227877b8f8f04ae7d2219b6950654fcd', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '24b5db9929035fd46e2ce1cc4c797b168a2ab9a8' }, h("img", { key: '3072a257cd7875ab93177278bf4abff5fe8eb4b1', 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: '06ccf209d92773a027ba8745b8c696681061f01d' }, h("img", { key: '51d9de0415bd97e20b10b181dd22908d0dde75ee', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a442930d2b9a6d82acd007036efad10fe8a67a18' }, h("img", { key: 'a9b413a1ccda7a7a57485622a3655da0ff92b6fb', 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: '0e2ea48b48c4f1e7f8f6eed6bde8b4cdef048f63' }, h("img", { key: '92de81bb9730a124a9c85fd8b86a1044d29818fa', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '420484e73d6c166aad1b93dd996571854c73e579' }, h("img", { key: '30a1942c7fa903720132a3afa6c4ce6fd2617212', 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: 'ed4b4908906d4afae5c1361855506ff1067d5880' }, h("img", { key: 'b077357fe2ebb87ec6b3c5eb105e7d95367296d9', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a958e9504a61578fa9281245bc1789a90a52684e' }, h("img", { key: 'd5f6faa2c6c757f31178349e293ad48fba3243e5', 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: 'b603e939dd5c8a74ae23a7ff7f2bccdc1317bb8f', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'bf9b5ddff7d463b814f546f7279cce6cdbeff1a4' }, h("img", { key: '63d2176a95e94ad625ced06d6167969b4215613d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'cb182020cd4ed2306c47b9f4476db03a8613d559', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'fd47971614a2997dd27590b0085ae683ba9e8bd7' }, h("img", { key: '2558ccb9d09e6127e5ae4bba09cddc771c3ab4ad', 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: '9ed281fceb708157d69223519b14245be69599b4' }, h("img", { key: '79f1a7c64163feb28d82be549dc28532152b571b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '0b84913d49afb0680abb4c34ab21e4468957f1fc' }, h("img", { key: 'e6f25499145bcc4a66d78a49d440769bd960bd8e', 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: '96f030c6fc5a831e8c3f49c87a7a5bf8e06bc255' }, h("img", { key: '0efe242ebb43ad63a43bd7fd7a5addee1ab2ba36', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '8d842f30488f32405023cdecfb3a060a61e42983' }, h("img", { key: '7aa3b89e397bb0cf819d910fd9edeba6ca66ad75', 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: '2164ba73ca62dde355f0771be0db5a2cb855a357' }, h("img", { key: '195f3be81b45e810a4f5996c0d4dd1d40eeef650', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '901089733f955a759488b513c4861e32803d8646' }, h("img", { key: '949d05ea24a20b538a9c23bd08d421b64496947a', 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: '9af98239600eb2f4afc46e3c69da0e8f41c250b9' }, h("img", { key: '5d851965c85f759239023385cb79c3e8cd32dfb0', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '8c129144b60e0d81b1b1f6f8990cd2ea0afd32b8' }, h("img", { key: 'a1d2aedbee127fb4f1513f9385721cd529bb90dd', 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: '8aad964e85133fca7aee54708860ceca6ae47ad9' }, h("img", { key: '4b111e2753b3be00ecf44ce4a515f4906f512a91', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '18d6d6ff1553d34c744b818ea32084bfb2d1ffab' }, h("img", { key: 'ca0a194502888823e851392e29a11083c0f3f73a', 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: '30f503c3edc5b7ec9d1eedfea5f86cca7e358ce4' }, h("img", { key: 'd986bfe967541d2be4fa2e3bb976aa317aeaeefe', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '04251fca381ea93a9111e369da385a2129baab38' }, h("img", { key: 'd2405e0bb9e8210279bb2a434a88687d9e652d4c', 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: '54a5ea95dc0c742da10132adbf4e052fbca46f2e', size: 'md' }, h("dga-carousel-item", { key: '43a74a34d6326e728e35741da0acb762892efc3e' }, h("img", { key: 'd8593c0d21244d805aeafb6737075a7de4104491', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '791794e37fdeda3c2e44b9b9c05f70a25b11984c', size: 'md' }, h("dga-carousel-item", { key: '0b1545c5766d9f1aa7f0d7f801e0e8d74a34cfd5' }, h("img", { key: 'b49b679f35e97257d36277fd4628c93f68e47fbb', 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: 'a82ca444b0b21de3d30787409f30bba3c79c5b01' }, h("img", { key: '88f1f5fa2a9a1da3b495e8eb182f40d1f8d1d0a1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'd3764b267c528308840c6af974e900ea8446d418' }, h("img", { key: 'c56797b434247b20d096cae54151187e5aed396e', 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: 'f1be2e0ebfd2fe80b6755106d6f78910ce71d4c1' }, h("img", { key: 'a37799436639fb6be0a1d3e88109ea55d68ec305', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '412565f32126dfa34bd71b10e0bead1e45b5dc73' }, h("img", { key: '5a142718e6c75312dab32e712d2902dc07d887a6', 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: '729a8baff29b6e4630e1063d64782c37aa4e9082' }, h("img", { key: 'b44d76f62c33b53d96dca42cda1a5f538fcc933a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a8b08cf2e88df3d08b223593cfc2709192114385' }, h("img", { key: '51e428bb3f6e517723f07aa7f7ab45e73e2e07ef', 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: '820a0f6ee9128044738066f125a84adecc53d88b' }, h("img", { key: '10df7349b84e47e29a8f0c8625bca800c9097b6d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '91b82af2f701c26986c39ed67bc507c743b8a1fb' }, h("img", { key: '0aab053ebbdc05b6c860f5e98aaf4185cb3e0084', 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: 'dcc456f1aa16d9d046fa2a20af08be1f71c56957' }, h("img", { key: '5598a8d27a8ed1d28fc6ba8b3dc44610cb71eb14', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c5b97df00dfb9feb2cf0b82c4ef297ba4d1d4327' }, h("img", { key: 'ddc507f35476a2e56a81027e0d4f2a2cab8c5873', 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: 'c861b23d5762a76029bffcea6dd8b5ddbf8cd232' }, h("img", { key: '6754a4a491f364b19a745b3da7ac1ae45b4f6b8b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'df85a9251bddd0451d3a0db1d29be1c4a76c45df' }, h("img", { key: 'e9dc5537705fed110ab896b8d36a24c1a09390c1', 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: '5716ff0861dfb7d1a31daf081e5838ab4c4770fc', size: 'sm' }, h("dga-carousel-item", { key: 'dcb17613505193a0788fd27c1409d5a23641dbba' }, h("img", { key: 'b33419099211a2f96d3b5efa4dbfeac98cfbe10e', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '396dc965f68ffa84e1552682bfb00ba7785279c5', size: 'sm' }, h("dga-carousel-item", { key: '615c2dbe2d121019feeca8f93dc0ede025fc3f8c' }, h("img", { key: '29467aba91e13287a2ba05e9e97870418a6703cb', 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: '2f6ab0be313ada78566ab6fe81fa8b42e2d3a467' }, h("img", { key: '5fd2fe2e798b3afff16b5fbf8b9fa389134cf5b2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '4e7dde8d3c30d7bf80456bb70cff555c92921e28' }, h("img", { key: '765363ac7de87c3b00ab9dded6ee99f939ab4765', 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: '2be9790f67b185e485c4e9755c1c3c85a601b2b2' }, h("img", { key: 'bed239ca1653760d4f93be0a249376f311fa9dad', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '0e0b615c68d944c3a10cc30538e55d3767268a8f' }, h("img", { key: 'bc8ef9fbf8e6d432c3546c13ae147d8a1e7cbc07', 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: '6d4bbe1dfa316d66a6093811413bc143c8b6643f' }, h("img", { key: '1276295bbf075690839f2b924fc25a266f98a837', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'f8f0bbdc6fcd4f5d7e492a036bb9c6ce0077adbc' }, h("img", { key: '2031d46b29a5002cfdc649fcb2254fcb7558859d', 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: '09d3024b25a3b75ca3fe3abb6959b73d1561cf63' }, h("img", { key: '2fd2c391bc34279a5fb3e9a14b459ca2281a5016', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '5a26a3e45ea0305dbe667d888cddd53127361ec6' }, h("img", { key: 'df7ad698fe14cbbf5c2067a84adaf12048daa9ca', 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: '52c6e397cc01ddb93132feffe40b5ebda9e4a44c' }, h("img", { key: 'cfa1b1715928878e18d30be31432d36ad40a39b1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '14d6ffca06e1ba5c334e0ba075c6499e2802eae2' }, h("img", { key: '8ffaaf1cb69a4bf6148099e6b1fc73a948eee06a', 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: 'a9571bccae3830a00a341c32f70f9664939d3459' }, h("img", { key: 'b144ebbe64781edbef28b5071ca946d8b8194d60', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '41243a8f1cd16a4fa3e8983e554fc4bcffe51eb9' }, h("img", { key: '20d11e1c584f72351c7c1f135ea52324f8554347', 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: '8e640b23d32f5a16c76d75090a534f31bbce552e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: '5dc368ef3e35e246d8704849c95c2f09bb1ea61a', 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: '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" }))));
+        return (h("section", { key: '5a9a68d69d47f962749b559f8322729f39e0a034', class: "embla" }, h("div", { key: '073e9e250860eb58240f935c9add8202aeb98207', class: "embla__viewport" }, h("div", { key: '66080acd88a29c501fa1567a1e06e928332a0ca6', class: "embla__container" }, h("div", { key: '088472b484f3b390eeb5e03d9d60fd657c615548', class: "embla__slide" }, h("div", { key: '3e71ee7e8a9c3c576765edb92df2620f4cc8b24d', class: "embla__slide__number" }, "1")), h("div", { key: '26278d8d4b0dfc2e2d4e792add6a481529c69c43', class: "embla__slide" }, h("div", { key: '37ac1c9840e223aedf26761a59a31aa31a8d154f', class: "embla__slide__number" }, "2")), h("div", { key: 'ecbde2ee0ce22806164ea2cfaa0b6668110fc367', class: "embla__slide" }, h("div", { key: 'c85ed1d36ffbd61a316a80406b3a9aefc910cf94', class: "embla__slide__number" }, "3")), h("div", { key: '624137dec0043536f6d39557987af40b11a28d10', class: "embla__slide" }, h("div", { key: 'e2bce54a55fea277bad5ae2acab0c35b6f83b4d3', class: "embla__slide__number" }, "4")), h("div", { key: '5783249c060efd949bf5d2420579f947f6b702bc', class: "embla__slide" }, h("div", { key: 'b84cbafd2534e94f6e808c6bd958015ec9a0e8d7', class: "embla__slide__number" }, "5")))), h("div", { key: '43742f9cd346e6f05f1bf5eb0d5105dd182f0828', class: "embla__controls" }, h("div", { key: 'e8e5ef5d53f3d1451c6dd4003bc0fb46e25a8e38', class: "embla__buttons" }, h("button", { key: '6a3a02e6e7c201665e8de58f59a1300872da9ac1', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: '6f86679497acc8292e3f50fe5dc80937b4b879f4', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'a0d10ad5b1d7e2d4327be6a3b95ba80b0c3e6452', 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: 'a6c79ec7c3b89edb7b65e19edb122fe1aeda125e', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: '760f613f5dc0dd6d07f614c3e669792cd717bca5', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: '80a57ef8713b758e37c242897eff1e9f88f5918e', 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: '3046d98340595ac406df9e7ae21df86f0bf96227', 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-BwG2-iuI.js';
+import { D as DgaCarousel$1, d as defineCustomElement$1 } from './p-BQEjovbJ.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: '83fcfefb7ac03770c9725bae73618aa92001ee62' }, h("h1", { key: 'c5bd1d87654d0b5d7e7aa9ea81079945294784df' }, " Chart Example"), h("div", { key: '1c6a23b8465b04b087d23f63a64097ba9cbe544a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6ccbcb7fbfa830ba6a3ae6e63dcc423f701e0608', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: 'd02a6838094bf10c9c118818fe8a688809a17432', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'fb9f0fe560ab9738095cddfa4ef106b645e67c3c', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'cfda6bcbc6056b5774085c6cc6dbc44d771ab2b0', type: 'line', series: [
+        return (h("div", { key: '91054295b8e1075c8f0cfe532107a163d5cd1736' }, h("h1", { key: '8347c6a77c34ff1043acbe5d7275cc0698952605' }, " Chart Example"), h("div", { key: 'b70e42f354aa66b85c563664a2a9e9e17353025a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9ddd8ef9e51cf481f284d8722b1b6f35a491768e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: 'a00aa0be180d54e27400f3918c6891ffd73fe3d5', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '609442d56c96b8da8069c02f26d61b4b3a758622', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'f756f8a16664429297ec264a66e4ec39ebe98d9b', 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: '3b78cd315613e2d8383015b57b3a04d04de3f44c', series: [
+            } }), h("dga-chart", { key: '5d3fe0e2cf1f707b95da89c78c3493378d85b75b', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-BmCNewBW.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$3 } from './p-C-62j229.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.js';
 
 const DgaCheckboxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCheckboxUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaCheckboxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCheckboxUsa
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'a483cef3cb8e1955e389abe3f53ca4e56d27fa5f' }, h("h1", { key: 'd4eab69e583e72b6030a3a79b5cb7316328cc898' }, "Checkbox Example"), h("div", { key: '187b5c935ce2e3f6b03015e1d7f13b78512a3b9d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2ee93b117824c16d8320383414ad0e7b4efe74f5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '626761653edefee15bb9cca6267bf97718c55627' }, "test"), h("dga-checkbox", { key: '482686a7d0a8337d38c2a74589d3df856a438078', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '8cab965ec5043a8fd33af2399286ef50abcafa42', size: 'lg' }), h("dga-checkbox", { key: 'f25c38290b8294f33175d1cd0826d9c7427caf26', size: 'md' }), h("dga-checkbox", { key: 'eba658dfc8f3d0e5a539972b6e66fa1968fc380b', size: 'sm' })), h("div", { key: '317445602b2475b1f5faec1a60b616edc59d7d9d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c4e540214198e65b5f432db3c5bbc8158c81dd06' }, h("h1", { key: '338bb151722f1f32b745782ccf3ae74af30fe79a' }, "Checkbox Example"), h("div", { key: 'cda273202f63609b6ba5309fc72eec20ab2ca924', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a860342b975c3efe2ad9bb82351160baf52ae1ba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '6986b01315fefac2b69e9decc528ee6ca1182e6c' }, "test"), h("dga-checkbox", { key: '7de3fccd35c2d7c14243ae82adb8458c6d3832d8', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'da2dbc3ced0bd9991370a40d80b589d14cc9a80f', size: 'lg' }), h("dga-checkbox", { key: 'a71a5d2e0c963996cfbd4a3d74e66a131651af4a', size: 'md' }), h("dga-checkbox", { key: 'e360f109e741920d24ceffdb8e939877cc4f0523', size: 'sm' })), h("div", { key: 'ad09ab4003870d5b6af75e4c3bf8868bd8748d1f', 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-BmCNewBW.js';
+import { D as DgaCheckbox$1, d as defineCustomElement$1 } from './p-C-62j229.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-DcLbykEc.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$3 } from './p-D_WncN0b.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.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: 'c0cb1834eaaff03ba4cb9b329ec22e9ed3c9cdfb' }, h("h1", { key: '3a05c745d94118fd7002bd63fe3ed62e91e50199' }, "Chip Example"), h("div", { key: '74ea33ae9252d1cae19dbc28c1b97c86efdf1ded', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '623dac617ae8b9552d5fad9355d7bab9701084c5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '2606f54245d558b4dfe24298143608d2a30e0ba5', label: "Label", variant: "neutral",
+        return (h("div", { key: '4f3225eda2ba0964283fcc461a3313e7b5325a55' }, h("h1", { key: '7c93c26c7ec9783ddc162d0b4133217d0e3ba8f9' }, "Chip Example"), h("div", { key: '4c464972bf6f0bebcd19e727e27e69f213819173', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '925542151aa3e2adc88ad46b9d6a73ee5d9d5945', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '3c380828ee5f01bbc769e6249e477e40df77bd97', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '255a9afaf7fbdd82a639733fbd46893a26511458', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: '2ac92e848223d91f7e8a41eb26e455608e7b2ba4', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: 'b4a44153371408b2a783933b2279ad441fb6641e', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '74066d05156ae4b751106842ac0a7a15b6e90ee3', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: 'c68b763fd3879f0944c3dfb7beab99726bedee4d', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '2fe9ec7c64d54558adc8f0983f0afdfa3f73ebf7', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: 'de3ccba82e10f0f190da26da87a0342623b81717', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: '4ad070b0ed242b87171ab2b2b070aca38737985a', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '100091c180a352409c696f8894fc3cb6c16c72f5', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '9aba190cc90dbe6114f447e1990f7f80dbf27f99', 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-DcLbykEc.js';
+import { D as DgaChip$1, d as defineCustomElement$1 } from './p-D_WncN0b.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-Defzi4wK.js';
+import { C as CircleSkeleton, d as defineCustomElement$1 } from './p-CINdaz9C.js';
 
 const DgaCircleSkeleton = CircleSkeleton;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-QQQlykhm.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$3 } from './p-B7hJ4SNj.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.js';
 
 const DgaCircularProgressBarUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCircularProgressBarUsage extends H {
     constructor() {
@@ -13,7 +13,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: '22c98cf756bc87e7563008d1d8d8dbf83702d367' }, h("h1", { key: '810402d359af1616f647cbfc9bb77a501951d8af' }, "Circular Progress Bar Example"), h("div", { key: '1ddeba7b25c67e24b72cd64edfff42f722fc5bbf', style: { padding: '50px', gap: '20px' } }, h("div", { key: '3568b23d5f0fee9da25a822fa85fa90721ebb3bf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'cdc9ec98604a2c27ef6878d34c6ec17b4d309991', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '64505edf28276a31a2acd2b2e2c42c9b7ad48173', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'ce08bd869f33d3b166e66641197e7a78d24e96ca', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'fe485191812c189f9b279011dc1a256595bfb9bd', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '08d01feb95494cae5c3fa934481f8e28a6bcda73', size: "64px", percentage: this.percentage }), h("div", { key: '7365f460d0f82b342399d7b79fcab7a4c175e0c8', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '6183ed77d03b8d6742175b8bfdc377aba1becf8b', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'dcc3c86b8cd812c798b5778f06631ea398159e09', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '1df72c28de7517fd6abb85c97278060b2dd35595', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '10312a01436c9e33247418c77347b3cbfde969e8', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f5473a3fd42021511c0c7f40ac3ac0d59f83a897', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '88f6f63a2a7454e0f4061d64514b68314fdeae16', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'f849c8bb3fefa7acaa42b12342ab152402513e95', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'b71c866fa0a3db91e393c0a58e722b1888772896', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '072f980eb0620f8ff2b38e57c577b3b783e6dab6', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '4f05250796ef3aa618b98490a2b83bd1d15e5465', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'bd04dcd2bcce80fc56a358376822ff4b34e73444', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '08939c24feddd7e3b80e6b63e6a34746bba0da46', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'c415997cfe01f481f5aa022931f2cdb11482c252', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'f9577fad9e085af78375575d2ce795156b21bf72' }, h("h1", { key: '861aa66156207f5adc2302a4c264c0390ab3d742' }, "Circular Progress Bar Example"), h("div", { key: 'fb00ea5d6040e2298aebde05a35853a818def505', style: { padding: '50px', gap: '20px' } }, h("div", { key: '8f39abd1783bba020dfd94975c5375b7ad16848b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'cdf80cd37320efe15440cc5173581e33e72a5e32', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '0342658adabf45f1cee4d0a03c83ea975d384646', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '019afb6bdbb4824f3afb1d047a9283b0ee526473', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '7121f41be5bdb35b4b9f508a012db7eda7c7c8ab', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '9d72c71b97e373ece837ef315e8d57eab2f56e1d', size: "64px", percentage: this.percentage }), h("div", { key: '0326321207b5bbf54f0fe6bf360ee8e801f3ab35', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'e2700f5f423a3edfa24d7a197d4720f29863cdc9', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '96251560b2373deb2fcb28538f3eaea30507d871', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd589e8cec7c951bf1681ad909e077deb5999b063', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '7cee4d167a1c02bd5332431657c582c3e0c0f47f', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '200cdad08c8297f08a195427ca7654a786a49b59', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '0ba442a3bb329bfe3072c816f87e2014157b810c', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '13ffaeaf27525a5cfa90ddb9cafc239f6d5cc0aa', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '17e853dae3e52705fbc0f6611b3abcef09b66846', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '50442db3ff50a0651211719e38843bfdf57fb669', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '4d96f217f587dfa9b85b4e55a9cbe482a14b4992', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f86b05b02b309ce59a5d3949aaa18822e464e983', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '58c08f8ec8bdbdcf3b22b6f1d64890655450a2c7', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'e4576d8a8521e2674a4c8e192e608cae92ca6ea4', 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-QQQlykhm.js';
+import { D as DgaCircularProgressBar$1, d as defineCustomElement$1 } from './p-B7hJ4SNj.js';
 
 const DgaCircularProgressBar = DgaCircularProgressBar$1;
 const defineCustomElement = defineCustomElement$1;