@platformscode/core 0.0.22 → 0.0.24

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

@@ -4,7 +4,7 @@ export class DgaBreadcrumbsUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '00f562e5fbdaf073b9c7a8018276f61aab0813ad' }, h("h1", { key: '715e67d227b90462935ddf010a8d6e47a3b9d116' }, "Breadcrumbs Example"), h("div", { key: 'cb5fa0064e90aa5936dab0384be0da87bbaf33d8', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a8f8e35223f16fdc195c415a64380dc00c5fdd96', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'e92d4257b0765aa50044d896d1e1d089395a0655', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'da90f95e6fc36704dddd554d47f1ca905609a1fa', items: [
+        return (h("div", { key: 'bd75e776435379d4aa1291c6908142bb3ec2b1ec' }, h("h1", { key: '18269fb18f247323aeb14bb89c4237a1e3f33db4' }, "Breadcrumbs Example"), h("div", { key: '1ae579a335124502255823632455e3b2c7d201d8', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0430a12a8a40f528078d23cda69749432ef59354', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '8c0f00618142f8a6ad3aaaa201d41f0c14687b19', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'fac5b3484277f940675067c9b093771712a2d032', items: [
                 {
                     label: 'Home',
                     path: '/',
@@ -22,7 +22,7 @@ export class DgaBreadcrumbsUsage {
                     label: 'Keyboards',
                     path: '/products/keyboards',
                 },
-            ], max: 3 })), h("div", { key: '9d50f4014f108cf4409b7709c531d9ea4a43a45b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], max: 3 })), h("div", { key: 'f26e84437372f97a0a1c14ea1cde28f6dc4ffe6b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-breadcrumbs-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '2dae0a873fcd33ba7b9b6b492f717205794a6af4' }, h("h1", { key: '3e36c41c5d9b92fb9822b119342c959e3b44617e' }, "Button Example"), h("div", { key: '5a4ef8b60d92b815def92aedc69304cd062c4b80', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'dac32edc665ae0aad5fef0b7948f63f5e0a9ed84', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '0b6fe36d050df054e76c0be55d0638dc677a2fb7', label: "Click me", variant: "primary-brand", sx: {
+        return (h("div", { key: '1a81c1621a9ac2c6a4af3103194496bc4277d09c' }, h("h1", { key: '35de156a6515cc93120feec684d1f483f1bc5fb7' }, "Button Example"), h("div", { key: '6e98781b5634e2c03cad13f3cad14804c195fbb1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'fde046b1fb8e211f7aaf74246c4f2f70ede4b68b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: 'db37cf4e0c384709f90af0e68e665fea0980686e', label: "Click me", variant: "primary-brand", sx: {
                 '&': {
                     fontSize: '18px',
                     fontWeight: 'bold',
@@ -17,12 +17,12 @@ export class DgaButtonUsage {
                 '.dga-btn:hover': {
                     backgroundColor: 'blue',
                 },
-            } }), h("dga-button", { key: '51375a5010c715e10af5cd4fdf9417233e2655c8', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '062d6105df23b798b57bb72d907d45394ee86742', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '52cd9c90ba2782990b7f7af1fef5c4cd863c44a8', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: 'f897885c11583c697d290daa54ad83aa29d481f7',
+            } }), h("dga-button", { key: '932719ce93389508feabc8d00120d925d347c454', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '8d280859a82fa9d3e54b57ded2b32e4ded7dbe80', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '249e0b32a183a9d357d061c4d32ed31781925050', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: '6af80c9df95d482624d93359d2ed6a60ee67a52e',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconType: "link-square-01", trailIconProps: {
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: '6fd9e481f7cba9d5a63fa1bad9b0c4f899e1f1ef', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '19f28327490c18573315c3bd3b976033340827c8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-button-usage"; }
     static get states() {

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

@@ -4,13 +4,13 @@ export class DgaButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '1f0e2b79d90308b156bb6778ae4e90367348e23b' }, h("h1", { key: '75c0cd121acea33ef921062cef0280bc6ad3648e' }, "Button Example"), h("div", { key: 'c275c05c61a1de516bbe1da4d3fa5fe93764ca3c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'dde3f40b70a8c85d86f5d2f85972b96d0e197f28', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '92905dc30d19b4b4e15e7e0db5499e38c9fded9b', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '122adf608e33b243fbe3619f59518906c4937fb9', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: 'df0a61cf28cbe5380bfe7ad38c31bf245739af61', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '3ac02b2568b445614fc15ba50191b94fd3344a87', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'e9bc41e145afe5c504905c0ee486c07f9e3cb23a', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'ca81cd26a1b7b2fbbbb47d8acdc97704a7cca3cf', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: 'fc548705f306450f6ff7a1125c54f5700426efaa', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '19cb4f3e97e0a85a08d0042e733f911ebea2dec0', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '4e19330729d17ca4bd7a1cf337e6d3d920cdd64c', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '251b43fda1a98dc8d0f90e13f8902f1a93c65332', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '2cf4d46ac38a2b9a8a0962eee1555185b1134fab', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '1f62783116ce473a0b6bf33581c0d3751af13207', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '1ef6f31baad837c1045bdf8f3d7c7d9f699808a9', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'b0b653828244a16f92868e62a2018cb78edd0a2a', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '5f721e0c53f6f2c8c8fab90b326068135831ea1d', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '5f8297995d1dd87d2e795a3e3938e7e28154fa60', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '940f34122f25dea99a32c3f418ae4ee6e2fb4fcb',
+        return (h("div", { key: '58293eeb9f57f44c7cfb969112a23389d22bc977' }, h("h1", { key: 'a1ed9f00c19c4775c42e60c1532da19c965d2ed4' }, "Button Example"), h("div", { key: 'f924cf65081371b47b9dfe02af91b37d5bb4d1d4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3c52f22dac56d7ae253adaeaf5dec870278cf99e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '73d9add86e4ede310de0db0c44aa93973045cbf9', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '533e71ddbcf840851b169eccb26f97b745edec30', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '0d4f4642ed6f82c8e6082be32e8072324b5b17d7', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '69e92aa3b0c1afdb6b81acadab246e09215977ff', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '8819b9edc1b99edc140190147f3262a0cf132ff5', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '482dbf5ed2ce55c5efb30016588279843be99f81', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '2c6552f09391d3c8c0815a3ba26abe870ddbba98', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'e67649b070594fd5cb4f4f6be7efdce1f31620a1', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'ce5f833d101aee342a7935483ce9ef170c61206f', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '261b79991292459822b908c8d037aa529ebec09b', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '9910b93a713fc5031e61d90422179dfbc13149f2', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '666fb173faba7fd50ed7a2186a9b3a8fb42bf474', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '6ffd5e55c686ec0ef3509f4dfcc344541aa51033', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '1a27d9ff803aad2ef585025217a79a7b72cac4da', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: 'd65b2a30a2782c42ae97e5fcce91a007c189d9e2', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '5986fec3c9f23138b85ef71ab990330fae036c3d', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'b14d730e33e5e47cb2075ac211a9cab153dc359c',
             // 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: 'e3debfb42b2d3d34a7f7d6804f538dbcdf8f151c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '26e8340a3e98229a9424f4f31dcfe03c348b4f30', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-button-v2-usage"; }
     static get states() {

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

@@ -5,12 +5,12 @@ export class DgaCardUsage {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '7e2175d0604dc2ec00e37a2dd7b6d535e739259a' }, h("h1", { key: 'a23483d16a342d5ffe942d2c96df7333b03f6605' }, "Card Example"), h("div", { key: 'e4f3ef064010ffe76d57f9e73cd4978934f0b725', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '584a311ebe2bd9c574eac2c989395271b01dd39d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '172d7dfcf81f3ac77a6da54e4186626a9d501f36', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: '3d24505c89d4a83c3fae0fae7ab3e239dc827b5b', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '06fb3adf7724a00a52c9826a6d84a38148c2a967', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: 'b45134a9f4a3becc896560ba95a35818b58dc83c', cardTitle: "Card Title", sx: {
+        return (h("div", { key: '486a96eec20273a0c6ba4fd016c9220b42a3cd37' }, h("h1", { key: 'c382e56f367d5e8e4f21314967005c78407af648' }, "Card Example"), h("div", { key: '8287b2d187e053d7e5e502edbb0264912cefba70', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2826c3209ed786f3d35f8423fe2d9b7b73b8b247', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '1588078913cf2106040842fceed0fc28883a6d89', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: '002fec0d57fd100319b6dafddc1cdb93235e2228', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: 'c6ee2a9c19eeafad2ad3362e9f7ebf5fdd557632', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '3f331739a4673924a6e7d40eaddd64959f592132', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), h("dga-card", { key: 'a5fbcf343e063b5c57d3abc1535850b60d99dde7', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: 'f321029418c92cbfe138747ee5f79d78f29c1f3f', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'bf9b985da776734d86b6aa17b4233e70088adcd4', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: 'a44b213f09cc827af7b4b32d92a4ab0c7a4f778b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-card", { key: '060f64d398626bbbe4cfdad601cfa9cac467b142', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '6e120454fa8ce49513bad8d30b6e23dce5519383', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'bfab948d116f5d41a26a6636969db0d4b62c7738', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '156bcca84e3e3e3743843dc145506890b5a425fd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-card-usage"; }
     static get states() {

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

@@ -5,17 +5,17 @@ export class DgaCardV2Usage {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '690035c4b794c3653b00ebf272d92fae2272177a' }, h("h1", { key: '12a1fae1a5e918a226221c4f7ada477cd9f24b10' }, "Card Example"), h("div", { key: '32b2cd040561cfcb5da658409d2446ed18fc5e55', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'dd48f8cb566880ea52011e3967f26e8f1d90c62e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '85bd52cbf6fba7decba8979d44fd970ca18861db', type: "default", sx: {
+        return (h("div", { key: '00dd3b6241d6618e971f09623fd570de9985ab7a' }, h("h1", { key: '9fde676887f0e2cdfc2fe8d66f85fdea8637fdcf' }, "Card Example"), h("div", { key: '0c1778e0ad9fb4d9480a9d7a6cbae4bd593d3fc0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0850d9de04fcf1b1075e8c84a2eb6f254873a312', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '86d7fe6a9b0039de1a79af1e156d631024f9b4aa', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, h("dga-card-content", { key: '5c0c18fb46c8e704e1ad14020945609843c902f7' }, h("dga-featured-icon", { key: '6ea8488fb703789d5a4cf6f62e93386c623b4498', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, h("dga-card-content", { key: '0941c6da080244bed018f276d20fde1a5e24b057' }, h("dga-featured-icon", { key: '023b632ee8e6bf25fe7d545f433f319bc89176d4', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), h("dga-flex", { key: '472e0599c30d824d48abbe6e1cc2c4535e887bc8', direction: 'column', spacing: 8 }, h("h4", { key: '882fdd34e24d61283b54e654b07887f74f46e82c', class: "text-lg-bold" }, "Card Title test"), h("p", { key: '6c2712f55dfcc1ab95431c5ad66f3abe213c1dfd', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: '1fbf28dc654d515d02163d83288cdd463f64e019', direction: 'column', spacing: 4 }, h("dga-rating", { key: 'f93fa3d61196d390561d37f6e9ce916bac0e9cc3', value: 4, size: 'sm' }), h("span", { key: '991b1b593a1028a2c651ec2c38ad92aaef9ba5b9', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '3f94fcf1f9bf0b63a798208d9883961a5ab7245d' }, h("dga-button-v2", { key: 'ef591aaeeda66121e20886a8ce7de554c03b5cde', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: 'c16ebf955f90b21dd35eb43bbcb9146f46c4cdfe', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: '7793d490380319a78ea53d34823c978deda0ab65' }, h("div", { key: '5e6aba520cdfa8c9411c145d6a388be6a97c8817' }, "Expanded Content"), h("p", { key: '203721b008ac476e2bdcc98d2e3511d4f9e56420' }, "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: '8e3f159a51495a7bdae192403ab649209f875430', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-flex", { key: 'c1e713aca6f101291b88f186260eb8e2ad4b3017', direction: 'column', spacing: 8 }, h("h4", { key: '94d823a85b2d4c15e44289bc7a4398b472328e7c', class: "text-lg-bold" }, "Card Title test"), h("p", { key: '292c4f0623f84b4068efbbae474ea4c8bf26122f', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: '7ad6fbff693987b19ecd04a7f405ae92d3905275', direction: 'column', spacing: 4 }, h("dga-rating", { key: '00d23e161f806c14f93fb945efde95dded5cd899', value: 4, size: 'sm' }), h("span", { key: '660a955bb7c1e8fa753348194e81b0f6ef1a3d08', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '4d24fe3d08b55b82070f350750f649a95a6f8de3' }, h("dga-button-v2", { key: 'c7472aae6185c7f6dff1a0f0663117f5043d9299', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '5b472d86a69badaa3f6937fe828897178ab8f31c', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'f8b828e12b4138b5e339798856008d9291c7da39' }, h("div", { key: '65b36d1252da216838cdc80dee3db91667553a0e' }, "Expanded Content"), h("p", { key: '7f41bbad4146d644deea69452d04ce450e205341' }, "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: '3c633613e5d2b79befd54bf6990dead06b6f6ca1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-card-v2-usage"; }
     static get states() {

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

@@ -4,115 +4,115 @@ export class DgaCarouselUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '6915eb2d3eb6dfdd65b63b76faeefb7e59058a50' }, h("h1", { key: '59d3586f38228067aebbd1ed288406ba9b29d552' }, "Carousel Example"), h("div", { key: '5ee1a0e862dabc3f120287a96c25c815679e129b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21ada6c1143a493711328fba70922b6c25f56150', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '0794f328b6c1cf721b49d49ef5ccc56f25f826f7', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '254e0cf4837bd66e410059fcb42586390419ca01' }, h("img", { key: 'bd75b72378a34b9daad3181f3f546fd190bca86c', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (h("div", { key: '582428630d358e5cefc14f096fb1ec2b85b5fcb5' }, h("h1", { key: '8da00620588dc28adaad6d94cba6400d4b379373' }, "Carousel Example"), h("div", { key: 'a22a28a305b7a3e49047325f65f2e913cfcaa0da', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bf9d47f2907a853d20980d9959055d68b22bd412', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '6c02f0f626c6ea7edf001cdf69fb67157110d9c6', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: 'aa7f29b97a16d4281882413a1febfe0596e32dca' }, h("img", { key: '52d7aad94135d1b54e9af052233aa3d1e30b5ea5', 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: '21c183da77bd95cba46139b48e5236207e5bc253' }, h("img", { key: 'b9c9a154303a95cf959c2d32f2ff480e28e3c1ef', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c70770d0c31922fee423a09c0f8c38f8d1bd9c72' }, h("img", { key: 'ad8c4e87bb31bea7ec23fe9eb7c514e8eaba4340', 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: '23abf2574240d6f984da3d582db86103182fc045' }, h("img", { key: '376c76c8acf442ebd9f63bc917ec971c8ee1988d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a6b85003fb0c02692e0981a86e66f7249b4e8bd9' }, h("img", { key: 'e0fab034995570080f4535132bac35a9b04e509e', 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: '3324c41f47ddd7471fecb132c715dc3c61ed2051' }, h("img", { key: '0cee5be3209f9175380f0be336a1c0de9f2e409a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'e5c14f89ea896c10b7c43bda86529f2085d391fd' }, h("img", { key: 'd0cceedf1a9f9ad94a1052cfd0d44862e0d9a1a6', 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: '80029426787c31fa56e8015d0bc2dda2967993a0' }, h("img", { key: '7687d405cee6c7db6b600df4cc51a504418ec097', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '5ff6c318bd8f2599bf1fa3b6f3528bab8cdf95f7' }, h("img", { key: '9c20305a72bb8e3d219e2c36e2a106411c1c2992', 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: '22244e8fd5f984329a41db1681e6c44a5fcad9fa' }, h("img", { key: '23186345b6333bdf7ac5335e679e038ff49e2fa8', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '8109b8ee0a1b31bae3f4d501c8c6af5109c6bd25' }, h("img", { key: '3df1e5cc3d93ecd789bac45c99bf9cb3dea92b42', 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: '2d9e0119e25ac38a489ffcc93a230823f637a56b' }, h("img", { key: 'e9ce8f51dbda6d8e82e399302c9d4009d179bb49', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1b9846b59f96330ef96f4b882f085b43fafebb18' }, h("img", { key: '73a9be04928a9410fb903aa5f9f5ed50eeb7732d', 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: 'da30987c777e3edf971e37d0c6599386dca9f00d', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'fd2b9895d8a6f00dc462c3887050c41a2ab65016' }, h("img", { key: '7f90a2c26654c7ac72753410cd38c711eadf6d7a', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '750adfbdfa64dad5669ae093c79235a5c68a64e7', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: '7ae4ea8d02bffb9cb9ccec9b599993fe1703a4d4' }, h("img", { key: '627f70e82ef66aec04b4b657af247e8d3ced9b87', 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: '458618595e0d1d3006e4e8a63027ff0a43b316bf' }, h("img", { key: '1c65fffabcadd7c7f3184f8f322ca867595a7671', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '236958a433f71485b65f757987a9ff146835bb68' }, h("img", { key: '00d7054d5105bda99475093ead0c542b3ebe9419', 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: '9450b8af3cc15549ef79f386f9a7d70841d9d8ee' }, h("img", { key: 'cc41edacc31b8509ff1a94f212545fda3a462170', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'bbb7db8fcf7cee40f7106827b57ef7a2639c7d9b' }, h("img", { key: '4309890493627d2dc433dea58ee06c1a4075f37e', 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: 'b921ed5c4651b058818bbec5921005b7a10aad2f' }, h("img", { key: 'ea64c3b4ec2a5a7f3eed71479ca2428d89efd21d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '4424c1aa36c5e7a9d41ff0e8921dfda6ae7ce39f' }, h("img", { key: 'b872ae1acfe5f7fdc6e950467d21375d83cd6092', 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: '773977a6b80ae4872b246bbd4b9e361cb83c577f' }, h("img", { key: '0c6abbc3b132a6cdebd4fa9e35dcac1e461c6668', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1260b31815427b37d41827cda14fed2602c1172d' }, h("img", { key: '46eda78e9c5a411303f089368b028910a84e4a50', 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: 'c94f98379927758d80de3cab48817278c3529f56' }, h("img", { key: 'a254c6fca575952ad23b20ffe5923c628706e8f8', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'fb363dcd9b651fbaf31fe869a89093604d6befe1' }, h("img", { key: '95905e87afb02058e03ea60790dcb1c16fb1e247', 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: 'ee9013a9443fd1e7aa888982eda49a852859b840' }, h("img", { key: 'd86502e422a84af0ddfc564b15b07147c0bc7b0a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'b9c73d861051badca6783ddbf2a61bb1c2beba0d' }, h("img", { key: '52f16e292ee90d28f7dd6099919e68e956ce2aa8', 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: '92079b4a3bbf64a1b18ccdb0867542934c71400a', size: 'md' }, h("dga-carousel-item", { key: 'd5e848bf1e5bf5cb36f98b01c74927dc3f1494a9' }, h("img", { key: 'e3d92a5b52da35fb6be4d55a752b7126d6c7140e', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'b598ccec48065dcf6c9de1d0ed0dd1f2a650ce68', size: 'md' }, h("dga-carousel-item", { key: '77bf76bd1b32d199eb9a883b7a78e5ef5baba2e0' }, h("img", { key: '09fd4b3c8d8ee9df42f2a44651983d01e65283e8', 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: 'fdb8b58e9dd091286c2d63e2999d849527e01955' }, h("img", { key: 'a144251da1ac07934782a12eae9029042721a6eb', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'd75345a14bff0cef5f32403aaeb1ea4fea721e74' }, h("img", { key: '2570b1160f3da573fb4dd4f7b120aa868cd8e0c9', 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: '89ba204b326b333faeb7ba0142c11a8222f1857e' }, h("img", { key: '1fa77ff15c8b34bd566f030e46298ac7d5d643cf', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1b30f1a143e56649502718b321ff5a37120a52e5' }, h("img", { key: 'dfe82d89c4a77796d4616c6f2805153b495e768e', 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: '8e3b12c28a386766a706c0a8df50452a96f7c10c' }, h("img", { key: 'fcfc5b1f655672faf171ecff2cbfd4dd577b194a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '3d1995cb631b55f02b2a3ad399de07243488bb2a' }, h("img", { key: 'f52661c7530f14a059ba939b101ef3c16412b47f', 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: '14fca0ad368aaf048bb9f598819d136a00d7a5e0' }, h("img", { key: 'd119e9580022a4936255f9dde28070534b6b2d00', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'dc7ee8ae4646850252bfce09c826a7ae37c4eac7' }, h("img", { key: '51780e6a3fc5b19019902e7adcbc7ec41d2bf03d', 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: 'b6870ec7f4d3a9556a34d930d70bb26117222d04' }, h("img", { key: '50f950af8e516468a31f0c60e05eeb8a2854f837', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '65d051c861ef8261659e1b3783f487ae2520c3e9' }, h("img", { key: 'b07952036b3cb7ef6ab19c1637a2fb7c8cc7362a', 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: '8f034aa15d22270e6efcfe97f2917e5a4e2a60ce' }, h("img", { key: 'd83aa6d1d3af21c85f634ca26efc88fa30719a8d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '36625d57e8b969c01ca026d5558282973b1ffe70' }, h("img", { key: '13369e665d0f4dd243cb76e5b1145c2ea526b457', 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: 'c819349678994479dde39ea9c7d208a5f99fbe6c', size: 'sm' }, h("dga-carousel-item", { key: 'bb08f180d78eeb63bc448c4433ad84efe239c392' }, h("img", { key: 'd084c48ccacd470234e88e005fd62c351d93021a', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '4a334ab1e5f88b9e6b9d9ac0e5ed272007eda041', size: 'sm' }, h("dga-carousel-item", { key: '27b2bac062772eb647c4bc3f2a29ff85587c07c3' }, h("img", { key: 'c9043f3d0fb301bf5ea65a81fea268d90b76fee8', 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: 'a710c10ef2099fbece6b3d2dafbf2a5e54c29977' }, h("img", { key: 'bcc20081555bbdb8c8ff7ee0f57a3e70585d6a7e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '89653f7e04c18ac5367e0ad387cef11afb068fc9' }, h("img", { key: '17d461df36c4cdf4e632bc35474b0aa8aae9e562', 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: '5cb8510a76ba5393fb947a5a551f019992a9f2be' }, h("img", { key: '40fe72479489e6d33c05910d33209d67c0f57992', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c96fae61c6b2b18e6bb616eaab99ab160fa0e639' }, h("img", { key: 'd21022723b14b9239e6ae084fbd995c91e904a89', 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: '8c1e725de20daecd0b54046e4b32bb2854288f98' }, h("img", { key: '499a267453ec7edcea54629382c2426a77be40ec', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ff327db72814b4459a6c4c76d7a23e34bb205f8f' }, h("img", { key: '9c8d0744e1a1cda30112a7f1024c821847da151b', 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: '288d80614bbfca08bee78569e0c1ef5fd8978433' }, h("img", { key: '64ae6b525917ac8465dace5bd73aa3161f6fab68', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '79ff1b259a0e17f065c467eff1df8d2dcdc9961f' }, h("img", { key: 'ac11aa4510beb44c90d3010d2193804a51b38cfd', 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: '047db5004e07bb320102765baa1a3c80f7b47e45' }, h("img", { key: 'b19fb201094ad2bfded56aeadca58f9abcd1ee0d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '3d989fbf7866b509802afe515aba27ce36bc4439' }, h("img", { key: 'c98db22218ea6123825de278cb92ded7d9c81535', 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: 'b2e6f2a4ad139ddb4c4b76c7235259007eafa74d' }, h("img", { key: 'ac5f463faabee5fb70924a6d0e5651aee604fd7d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c5ff6945433af13dc93abfe3f771fe565d4f5b3e' }, h("img", { key: 'e2b35aa61aea2fdfe3810dc287a654d05be11e9b', 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: 'b28279e1d57ec9a8a0468a3d17f4a56de0528e75', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: 'fc8181fb175943d0c7843289db575efbf7eb41c5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-carousel-usage"; }
     static get states() {

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

@@ -434,7 +434,7 @@
 import { h } from "@stencil/core";
 export class DgaChartUsage {
     render() {
-        return (h("div", { key: '251863b38ced5a16b588c2d8c5bd14d426347af2' }, h("h1", { key: 'ada634a10abcaf6cf808570732d7ed13d964cb08' }, " Chart Example"), h("div", { key: '341f980356d923abaa3aaa454647141d7ffa4628', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd6700348dc4c14dd8323fdc5374ef73a92fc9788', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '9754eee0bbb9c495bb60545d5d57ad4df63902ac', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '030211f353af55fc0ad3591b6a7dab7e7dc0dffa', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'dd5ed83973ba87add367c149d2af805eff813f46', type: 'line', series: [
+        return (h("div", { key: '6782b46d5d94dbef73cd3d7efa459d80a6f2c60b' }, h("h1", { key: '77b20c311f1ce56a2e07ce7541043801ae927c91' }, " Chart Example"), h("div", { key: '1858540b074ec4e6afa2eafd0ed1f0fead22701f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd676ee4417bbd633d937d2cc977e020badcd78ec', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '1bc267ccfcb8ed4c65504c6580523d8b1093538a', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '0badbc95ffcd3a3ce73f0515699368d3f0408349', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '930df64e46adfe198bb736c03797b78ac06a98ad', type: 'line', series: [
                 {
                     name: 'Series A',
                     data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6],
@@ -452,7 +452,7 @@ export class DgaChartUsage {
                 title: {
                     text: 'Active users',
                 },
-            } }), h("dga-chart", { key: '70677da9c87b7ce6e1a40c102c005c9cec122966', series: [
+            } }), h("dga-chart", { key: '49695606b0c563c6d7de845e621fdae33963dd0e', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

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

@@ -4,7 +4,7 @@ export class DgaCheckboxUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '56163f2fda60f3c206b3f7de93446d3e35a45d9c' }, h("h1", { key: '114f972ad802afcc91dc04edab9ad878ee60976c' }, "Checkbox Example"), h("div", { key: '00cde1323aaeb647797da8eba694d23090080967', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '53b11f8145c45cfbd34dc2b3a0585e0aed0cb509', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '7b7ca866cb37437f2b74c68d91fbc669225d49f5' }, "test"), h("dga-checkbox", { key: 'f5b60880c301b3b2d1753fabb585abefea48e92e', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'b8e06e61af636fd53de5a5d86ee38be559d6a0eb', size: 'lg' }), h("dga-checkbox", { key: '4d6a3852580d3e8afe9aa73a9bd326e1713d2c53', size: 'md' }), h("dga-checkbox", { key: 'a44152a97a3ae751d77b9b01aa2d3da0262a1135', size: 'sm' })), h("div", { key: 'ffcdb249289b47397571368df6a66848c7761c6e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'a4bbbc11f15870ed8198fa1e0b160734bec69342' }, h("h1", { key: 'e916bb61ad063460a7db4afe9f410b39ef1a19ff' }, "Checkbox Example"), h("div", { key: '1ab8917004d2f0be6fe7b9ffbc1a566759c845ba', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2aedd50f09400a8f641dabb9bd7a60517725e15e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '08c1e38e69a35cd453c04ee7afbb34aca214bfec' }, "test"), h("dga-checkbox", { key: 'c16db5486696d866adc0e92c344942b258a2d397', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'd105d047424898ac970184b152215b09732313de', size: 'lg' }), h("dga-checkbox", { key: 'b253deca42aa7b85574b462a66a2df7a80b1a6be', size: 'md' }), h("dga-checkbox", { key: 'cc80051dd9f87ba9871b32d91877e22c801f2cf9', size: 'sm' })), h("div", { key: '26a4482cbbf62fd1b5511285dc48bdfe5da13534', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-checkbox-usage"; }
     static get states() {

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

@@ -4,14 +4,14 @@ export class DgaChipUsage {
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: 'e2d225a2801726b6456f5be41073c08a5b48fa48' }, h("h1", { key: '6ee8d1e2653486796496f2250788c89488f8b35f' }, "Chip Example"), h("div", { key: 'd8c8a9742bd05b149333fcb00a94cb7a27e468a1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '198f4a3b86be3267cd4f7066e5a1012d3de6c697', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '2a5307184fc70b7f1935d51bf6fd5c0d0e59f97e', label: "Label", variant: "neutral",
+        return (h("div", { key: 'fa24bf6a7f39c689f703bee39d38ca8be1faf006' }, h("h1", { key: '8efa9e5ee6207f1daa3c11c44a29ff1a28805972' }, "Chip Example"), h("div", { key: '71fa566b499ac4b6e3934868449f12a2021033de', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6f1fe89f922dd28625dae2e0d926ccbde29c8500', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: 'a64847882eba85ceb72d15246919fd433498e90f', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '7fc8c570a153e459cfbc4169643ca7d686230444', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: '7f9a0fef23e0b24b5f483db16ec92823b01d9b66', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: 'e99a0ef22b1983c9e570f33fe9fe8f738bbfa040', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '3ee8dbd1a80bc66555c11e35602f0b4bdf5aef2b', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: '32ea3c8eee86419f506a6e18a28d5e677251f00f', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'ee7fcb4c01cea9cf6079785cc70b2fcfb5852261', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '98265afd695782f9df43a3fe1845589ee6d6257d', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: '5222b316af29b63eb50d154310f8ce015e636499', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '404050e72b5d29e211caa3a14b5ce6f851c06f6e', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '9531bb8df8eeb3a0cd06daa45f0a71c54fc817ff', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
     static get is() { return "dga-chip-usage"; }
     static get states() {

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

@@ -8,7 +8,7 @@ export class DgaCircularProgressBarUsage {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '19083242c99569d3f31cb9c345c2fcc99b8474d9' }, h("h1", { key: '9bc1a9741a8e6cd07285c52f486caa79d4b09f02' }, "Circular Progress Bar Example"), h("div", { key: '5a22a0285dd04904d1f7f70a950ce1cb5059721b', style: { padding: '50px', gap: '20px' } }, h("div", { key: '113b3eba51bc9a357fd9ca068f84d189d1d62868', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '7c9de94c11b432c3cee56ef8f5e3ab87cc2fa24d', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'cf53d1d424c233ab19b3e30c7dc8d7536565f822', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '3b23219ad9bfb417587ae08bfd03416426ffa9d7', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '03100d26597de8a10116f39ee9ecac22fef2f461', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'd514a68d9f1c0e8c7730408aabfc36f4071f925e', size: "64px", percentage: this.percentage }), h("div", { key: '58a219990c222990820ce1648064a236f94af46a', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'f72a6f18ddd420c891ca428efb91f1bdd3cd119c', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'de1766715f307505d48b595cc1c672d0dd633bf3', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '6b9b2ea80f070f022dee6216bfa145c7c3ec9b91', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'e82f3bbec889dcfdfd7e046a639500ee200140ed', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '1adde13031fbc6ab24cc3be920161102c624be4d', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '97a35540bf6fa5b942567883ec985703a121fdba', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'e1ef99f0154c1f795eed7d4c9e0478ddc88cc258', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '767dea59f974cc4f8453043d82cba04c1dfa8ad6', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '00c029956bc39322c7bfb4854feb4db0cfc21234', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '1398d2703deefadca7a5c1388d1d9f0aee22bd5b', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd5818793d0d155e609cd2bfe8d0f3cff88249f38', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '4ae6fc67fa89011ef93b831fa2b34b852b622e15', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: '8d159de9223e0c60cd35b6b9ea2af005ff97e820', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'dc29f6fd49e8986714415457692af655d89c6234' }, h("h1", { key: 'd62fede9215b9c4d7f46d73f9bd3e65ed75b577c' }, "Circular Progress Bar Example"), h("div", { key: '5c9d81a059432b2575055bce4efe7f9df8934ce2', style: { padding: '50px', gap: '20px' } }, h("div", { key: '5e92a9cef70773d0b4675e86809bb10dc5e475b6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '18069af427ea68d4be752e410c8aa1c1ad30f76d', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: 'acb031d25b3c1473cec2d0382cd8218e445b1fe7', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '9019a713d5c06e4f0006f94ecc3b37c4dc048f04', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '400da04b4c8944f970288398f4e4ad04ee246aa0', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '10fe2530b0bc5c9a0358a5ce33b40794a5640368', size: "64px", percentage: this.percentage }), h("div", { key: '3bc902cc2016313535d5198dc1e2e86bd98acbd5', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'd43f642096970cf3eeb0756fd0fceadd7072d34d', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '3686f09d5112a750d1eaf76b761f35920f0fae7f', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '8a04cebe301d59a4e3e24166fe73d4e338b63361', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '3d8c0f20984b39b5b54f0a056a093e1f347b4ab3', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f7ffc8e2c40f34dab58810fe9880f9ed8c36ae30', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '0a3024935beec7bcfdc3bb02a9250ccc75cbf1dd', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '1255a7fe0a53ba6f9e4ab6b5d8ceceb498e3564e', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'fc6054b104f77255a4bd0cfa911afcb1b5366243', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'eefc12825ae8a49fac6f935ccf7d6a850e2f945b', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'd78edb2aa71536b6c67c000753f0d324e481689d', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '5892c6936545935e1a16144ec780f3f851a452d9', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '6608e92cbe9aebc9a8367b4c32c75fda1de4a558', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: '7f179162acb45faa8a35c515e2b95b732169cdaf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-circular-progress-bar-usage"; }
     static get states() {

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

@@ -40,7 +40,7 @@ h1 {
         };
     }
     render() {
-        return (h("div", { key: 'd080376608a09bff0958ab5c4ecee6c4aecff8a1', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: 'b5362a84a5f3ce0b504ee5481919c5927e33a48b', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '11ee75189720ff3d8d71e2c688493e2281ee22ee', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (h("div", { key: 'c287c7506e476c78414a3b64105f1a03841d1a3c', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: 'b1789ee4667c1144d950f5ae564442c5f0659230', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '0e4dc81903be966a9663339c5472a0b7c7b49221', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
     }
     static get is() { return "dga-codesnippet-usage"; }
 }

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

@@ -5,7 +5,7 @@ export class DgaCollapseUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: '4399002a934dfcee6f725f8fc1db7b922b6c6692' }, h("h1", { key: '7cf6a321fe50e80e232f97e4861a9ce2b668143e' }, "Collapse Example"), h("div", { key: '22be5e9962c42b49fd4ff5a10cd3b982a2c668c5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c93fad60861e0d4acd2b83c6e5836983803b5dc1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '36e21fe725ec1d2d5ce58f5aed82b8fd1216b144', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '019bbc5bb2c78406cc5ace0f5b2fd0e60db09e28', onClick: () => this.open = true }, "open"), h("button", { key: '4c18604ebfff10f0f8268616fbfdefb0b1322a54', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: 'aa564014e0b790045f64c2f8bca8bc08c5105661', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '8c0d21c88e3b8988d37816626a634cea2f61ee37' }, "Your content here")), h("div", { key: '7df5698bf34140006a03839b5b44a24f3dffbddb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c1bd48b5c584c9f6d164c626c69a5237363d0043' }, h("h1", { key: 'fb53b112d91c1288e3f33676e00f4119a8d74eea' }, "Collapse Example"), h("div", { key: '3ca90e2840bd2583dcdf287f37cca5dbce5779a1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b909e77505fddd2f1d204c9df0c2c5739ee3f74f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e35e8daab5c7fc02ae9223c34ef25e6409ae6f4d', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '85056ab14edd0b575141e04522a73afb469f3343', onClick: () => this.open = true }, "open"), h("button", { key: '04b2a650f6208e20758f2f460b417d7032c7b411', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '67b8357487e32da8ddc8313c6ab4f43c0a364722', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '647ac446251d3c17eaa217128a6eda9603519f8c' }, "Your content here")), h("div", { key: '5403c48817b74cde58f1a14230cb5b337f43ca01', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-collapse-usage"; }
     static get states() {

package/dist/collection/usage/dga-content-switcher-usage.js

@@ -4,7 +4,7 @@ export class DgaContentSwitcherUsage {
         this.value = 0;
     }
     render() {
-        return (h("div", { key: 'dd0fc07242d14c45d8a16381a7c577416ea790b6' }, h("h1", { key: '2d670a618f4a7b19f8dec3a676a252082d6079c2' }, "Content Switcher Example"), h("dga-content-switcher", { key: '747c20dd82b88d5a35aaba865c41429144632916', size: 'lg' }, h("dga-content-switcher-item", { key: 'a2d8dc00ee027f0667ac23324e56d787cef8fd67', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '57eda517d60bbea4d463a09c5bec03a2692a6296', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'f0f3113e0d6b98ab06718818b10caf07b5175fa3', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '30759945ecd56880c686edde4919425381ffc7bf', size: 'md' }, h("dga-content-switcher-item", { key: '891e5f743b8acec852536eda1f6d54ca6a8d675a', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '4177d00cbc520fdeab708038a910928ae27b31db', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '1ec98304b06d2aa2b69eb384ed039ac4a4fbc127', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'acdc95d228e86886bfa22a80735a4862377a4f9f', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'e278c54f3930234dfb30277f7065d1d188d44b45', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'e8c1b987ed85d96b77e937331b76a7a653209701', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '13f5e0cba84e3b5053eb130b2f34d6c8475f3d5a', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '4cd1c8bbd824306b091f5a3e33494a9d839a46cb' }, this.value), h("dga-content-switcher", { key: '52b352d7f9768428d031ef11db997c23e9f90d35', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '9be8f50b9be20f515bc5871c8c2a744f535ed029', value: this.value, index: 0 }, h("div", { key: '56cac3e7dea553e3b03ff3a945becc0da4dc7675' }, "Content 1")), h("dga-content-switcher-panel", { key: '821b260ef23ea167af3f6512773686b6cb5f379c', value: this.value, index: 1 }, h("div", { key: '2bb12caa92b2fade95463019d8806bf16e57780d' }, "Content 2")), h("dga-content-switcher-panel", { key: 'b046a6b6abb6b334796c988bcc48d624a4224b1b', value: this.value, index: 2 }, h("div", { key: '1e5130d5e07abbfce9061fb682b3fe49656639d5' }, "Content 3"))));
+        return (h("div", { key: 'd80a7c0931a86d3f9a07580ba43465eed8059a49' }, h("h1", { key: '051c0e76d04de99f2415769809a870a20fff3556' }, "Content Switcher Example"), h("dga-content-switcher", { key: '143ac7b73601450e9879a42eae46920cfb985b19', size: 'lg' }, h("dga-content-switcher-item", { key: 'b1842e32822fda9814aa514310651f56d3adf922', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'c543ef18319eb84deadce450dd033e12dcf1c5fd', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '06d8ea34dec86d301ca052c0c291a847a6176d00', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'f36165210d4a8cb65bb66e41124fe9935855cab0', size: 'md' }, h("dga-content-switcher-item", { key: '55cdee47267150b98b65b73946dd04668bdee149', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '88412421709297bf01000a15f13cc4e530e2150f', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '291aa6450b2d09dac6d937f90e3dcee13641234e', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'afdf0f8ca98e6f758e0b78b08c34fe15c25cb620', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '4c81d7f7fbbbaf4afeabd2b9290525c3a77a3c00', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '9f066b13adf995e2376cf95b28cc425835959a84', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '7a01a7a073157ed2623e48e6228151272a879fe4', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '1957a3dc4d537439d91450aa91133a83876eb701' }, this.value), h("dga-content-switcher", { key: 'b22f9ba1535bd0d6fde6327ad1c3a7a692386a80', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '37317f2e8b90a9aea55d865c4363d6a3c65b6af1', value: this.value, index: 0 }, h("div", { key: 'c0e9f68d4f3e15cc8c5abbd362c9294ad69c3571' }, "Content 1")), h("dga-content-switcher-panel", { key: 'c345d503878974c947cb5ad5fa7e6c179e7954d4', value: this.value, index: 1 }, h("div", { key: '6f35172e4017a0c894b541996af055bee7110326' }, "Content 2")), h("dga-content-switcher-panel", { key: '68ed45baf68565ff29f0aaff571f7e6a31487dc2', value: this.value, index: 2 }, h("div", { key: 'bb445f8e961d7c873d21aaed2754c5e57f95d933' }, "Content 3"))));
     }
     static get is() { return "dga-content-switcher-usage"; }
     static get properties() {

package/dist/collection/usage/dga-date-field-usage.js

@@ -4,7 +4,7 @@ export class DgaDateFieldUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '450ce3458ca7887dc925b18c86495c0c1dc9af11' }, h("h1", { key: '2c4e18f70b070fe7d7bd2341137de8043f2b7eea' }, "Date Field Example"), h("div", { key: 'f5d82d5fd9d95540203987351e98af44a0fbcdf3', style: { padding: '50px' } }, h("div", { key: '9c1f31e8976fd77f746702e1d8960902f9a8e408', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '118cda8800207f45948a704ad6df58b15246de9f', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '2503b0de5c28a830d527aa2085b7c7bf76126eb0', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: '579eff107c257cfb88ad934c91da0493ce343955' }, h("h1", { key: 'ccfb6ef838681c31813bba269a0589bf532c0e36' }, "Date Field Example"), h("div", { key: 'b9c7948a27e9a5883cc5fa24b0167409fd64d3d7', style: { padding: '50px' } }, h("div", { key: '186affb8f8abd1b1cda6225f0a724f698ad330d8', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: 'e5ba4a4defd937d0d01e5cd40851c9af2d991410', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '61c1a71f9a1bb226fc80a29e14dda969364fff35', value: this.value, onChange: (e) => this.value = e.target.value })))));
     }
     static get is() { return "dga-date-field-usage"; }
     static get states() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaPickerUsage {
     render() {
-        return (h("div", { key: '647b15409aec9c81d835953d8423e6d45eefe0f9' }, h("h1", { key: '29c4367a75697ba70dff1868e9658be44fcdc850' }, "Datepicker Example"), h("div", { key: 'ede0e4f6a168595d79c4433931f55d9d0307ffbf', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '28829ad29122808b79ccac94c7b5e2514fb12ed0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'f6600929b6480c4a16a7b99ba8caeb49b2684d73', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '749c6832078e8fdd4546f0b368742c0309bd30e8', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: 'baa1a8072c00c3b936516582888f06f80fd7dcaf', range: true })), h("div", { key: 'ae137a5d0f9945df082a970b500c60cb02874f00', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '40a9345d23539c0ba478ab880b49c3a7a505d2b4' }, h("h1", { key: 'ce5a211792045841ca6b40678388b4045d90613c' }, "Datepicker Example"), h("div", { key: '50f849cd0f98f080cabb9caaa253928b44b37361', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '27dbcaf96038381448f7762d5396914e4667f2c6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'c568185b2ed00f334d61ea43476a6f0bf16d3319', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '93070e9f6cdd333da7d24cc74740a9eb16384ad5', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '4b6c0d5b026dfca8a8cd9483efabb30d01887e7d', range: true })), h("div", { key: '31170bfcdb4c2819d02dc1ef1fe316dd03bb250c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-datepicker-usage"; }
 }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaDigitalSignatureUsage {
     render() {
-        return (h("div", { key: '50172e83a9773d29c1d193bc319e17db11f64879', style: { width: '100%' } }, h("dga-digital-signature", { key: '98441ba71686326c8f033410ec024165993533f0', language: 'en', extension: ".sch.sa" })));
+        return (h("div", { key: '9767887e2e0f7ad1e43e851e056995a342532d2f', style: { width: '100%' } }, h("dga-digital-signature", { key: '7c2711a0e19d961c6ccc626b646c91a44e86e7db', language: 'en', extension: ".sch.sa" })));
     }
     static get is() { return "dga-digital-signature-usage"; }
 }

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

@@ -1,10 +1,10 @@
 import { h } from "@stencil/core";
 export class DgaDividerUsage {
     render() {
-        return (h("div", { key: 'f6d54ba131e46f0889480fc7c8e1fc2020aefad8' }, h("h1", { key: '2b930f9a9af4dac3ed833c999f5a6f0cb9b9b6d6' }, "Divider Example"), h("div", { key: '344a746c07c4a37bec1572521deea23f28fbcc50', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '744d78124805aeed45cf288c490c84ef89cf9983', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '7285f0ad9da531629ec50b7677de937b9fb9b85b', style: {
+        return (h("div", { key: '49f9507536b10e5abbd2b679edcce689c64d5675' }, h("h1", { key: '5d6b527869423aa820b7d9739723f8116c80aa29' }, "Divider Example"), h("div", { key: 'c81e50163cdd832e46b7d9d2a616016cd48f3fe5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '058f77a7595148b51b0be6de7b9268835c649184', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '241f2667fd96094578a4a857c8e72c5c85c011b4', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '74055239947ba2e89d9d2874bafa792f5ab25ffa', style: {
+            } }, h("div", { key: 'db5f4b5889f17850adc8df1b2d2602840c60e400', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -12,7 +12,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '3cae78bc10ce36a59ad64cceaa95ad65f57644da', color: "neutral" }), h("dga-divider", { key: '9faa673a3e6f1192be3ad18ae7caf5882ec94e8a', color: "primary" })), h("div", { key: '48c67a47b497b5558f1fa9885139de7c434fbabd', style: {
+            } }, h("dga-divider", { key: '7f2868834b5d44e4ec623eedd96954e8fe6eb721', color: "neutral" }), h("dga-divider", { key: '98b1526df6dc1fc530e3d0d05f38772133b04a43', color: "primary" })), h("div", { key: '34597e05eb3d9d059809b94695d03abd75794c3d', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -20,7 +20,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '1021a863a0b2747f3d3662a855d4f66bd76720d5', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '0d674308b1bc2d43bae036e4d4c361470972a12d', color: "primary", orientation: 'vertical' })), h("div", { key: '8b9b2017af69eb9c5c04960e91eb8ba9bf9259ff', style: {
+            } }, h("dga-divider", { key: '9537f4874a8c0f5439bb1b26887201318621c6eb', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'af506634c13ee01d7f439bfa9a1c6a419df74dfc', color: "primary", orientation: 'vertical' })), h("div", { key: '755a21e6e4746b937b42cf80fb0febe7e8c37718', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -28,7 +28,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'e8bd3aac56672f72e6a9feee688fb44816865224', color: "alpha-white" }), h("dga-divider", { key: 'fddf2c178e70125ec66a00a0d1a8c45e5ddb5be6', color: "white" })), h("div", { key: 'd9df93b0f74af1814d502eb290e4ca3db6dcd268', style: {
+            } }, h("dga-divider", { key: '83e898d956f6c1c7c4d4f67c74b1435861728ea7', color: "alpha-white" }), h("dga-divider", { key: '452e3b30f0b4aa3b909f3c995194a2ea98b41049', color: "white" })), h("div", { key: 'ed4de02ebb3d9dde1c3db38cceba262cd71783ae', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -36,7 +36,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '837b37856ae56f1fb6f1383f7ff0e871d0ee6709', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '862158f16a92e67dbb384ab110a6a0beb4e1d613', color: "white", orientation: 'vertical' })))), h("div", { key: 'b8cedc38af3136d324e10d9b54c555747ae3ef9c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: '412f3f7232be29898d8fb0921b32c8f1a72566d5', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'effc4c4743b569fc93d1ff48446f0adb5931552e', color: "white", orientation: 'vertical' })))), h("div", { key: '75e4f1e55d06dd6f28d4f11edad4d5783abfc32c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-divider-usage"; }
 }

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

@@ -265,12 +265,12 @@ export class DgaDrawerUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'b680919ba9b1b5ca4f616cb81fc9332930f6ccb4' }, h("h1", { key: '96e404ca36f89f934c3757ec1af81f02d621a5bd' }, "Drawer Example"), h("div", { key: 'bbe3fefbf22ffa50c47682deb7ff35afaa95f9ef', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '95a0b851ce5822a71cdb7a925ca9c4d00df31fa2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '68aa04fc1f89c411c5b1ebe555f4cc012328c341', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '903ede834d9db12b2e24cbb5dac2d306902be492', onClick: () => this.open = true }, "open"), h("button", { key: '5cd7aa92f0d6dafbc4d2ae4319de216b2fbc76a5', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: 'db2c3ecbff9e78cf1a3ae9355d1d9a34cf3d506f', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: '234f8892b6e7e6983c9cf9da164ecc08089e57ca' }, h("h1", { key: '32f0977b9c97c010a1515f79439650129b04611e' }, "Drawer Example"), h("div", { key: '7377a6d5e6b3df15d24290e281136a9d024925d1', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '36ef8fd8ba94dee8ae10fdcebba73b6fcc2cf1c9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '9d15d69afcb99b2f773167d461825db87be2cdf8', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '23e091e0ad01aaf4d1b36bc213fc8d274265ddb4', onClick: () => this.open = true }, "open"), h("button", { key: '2b5110281a6ebf9cd238b76669fc58f9cad705bb', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '6e9f16453c9b5eff50bb0482cf9438c2d9ccfe5a', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 "& > .sidepanel": {
                     top: "112px",
                     backgroundColor: "red !important",
                 }
-            } })), h("div", { key: 'b4a486e22930654345ba4204ce36cd190b93ee6e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '33ae163b6612dcdf04bbba8d5747dd763e658261', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-drawer-usage"; }
     static get states() {