@platformscode/core 0.0.25 → 0.0.28

package/dist/esm/dga-card-usage.entry.js

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

package/dist/esm/dga-card-v2-usage.entry.js

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

package/dist/esm/dga-carousel-usage.entry.js

@@ -6,115 +6,115 @@ const DgaCarouselUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '2c167e454f0fea4abb9f2f7741a87884b0374673' }, h("h1", { key: '970ed8d05c76f04343458697065c559a4d0a1f88' }, "Carousel Example"), h("div", { key: 'bbe0607440077b6b0a9f611cbf3d1ffa7f2cfb81', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'aa58b629a37660a60e1da21c11da23c91c0dcd1d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '1fb3e985bb5dabe096fe12cdffdfa20409b84f05', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: 'ef5fea75079cfc3a716a765664c74a18cad5d8cf' }, h("img", { key: '42dca8de47724fed90702d79e4da3eed60939dc1', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (h("div", { key: '135bc619c23070b1e730b23411c9699060c30142' }, h("h1", { key: '19361805583065becf477b9dde8b4279113d6c63' }, "Carousel Example"), h("div", { key: 'fb1053e8e18da8351fa757cdaf9df34a32157241', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '988c510cddb672792d3b7ee78ed5f64d69c2073a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: 'fce2953ef3bb991ac8adfcfbaa25b6ba6864f438', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: 'd30c755eb3dda44425862f75124feccba440698f' }, h("img", { key: '4c952b404c49224ecae9fba743a46dcfe81984b9', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'f642e01efe03f51fddace4be19d7797a4c498e9c' }, h("img", { key: '55a7724d9ef93c9c3e05f4f37f8c299cf9d8116b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '86891484bd67a22ade9c5af424e82ea0b2226507' }, h("img", { key: '20f413fe7d84ff0eaffee44636629e0a514df3d5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '47caa96ba141d2dc84c62fe4a25995b7c081b141' }, h("img", { key: 'bc1c2537e22e3c7c4d75e92573f6da9a3d705269', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'fdc402ece21ffaf9ded84e57f9fe18878b9fc886' }, h("img", { key: 'ac9d20b1cd927078ec3341bc890bc5637815d95d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '19ba18025f7ccfcc4f79e52388e11ee246de71ad' }, h("img", { key: '15f21cce8a90335786a8458d69faff2e64fc9378', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c59ac0f2a901971dcbd5d0fa469699278d9a87f1' }, h("img", { key: 'eceb26c5e4222f3e1ee8f99e94cd36fa1e9cf7a5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '8793e1d20b607e27cf05dc1100cb515decb3a457' }, h("img", { key: 'fef863ad4b547cea718a577b9bebd230f9a282b0', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '66334d303ec952bda189d55d97ab0e89a0b23e04' }, h("img", { key: '7dc3ef5181ae62b28886bfd49598a59471a0c4d6', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '9d9ebedf0b0d5d4902fb2d0d29a80de8fbb01bd5' }, h("img", { key: '17ea8bc80a793491b8c5fb0bba13d87847a34f3c', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '901f34d0accac9a4cf4d39a02933f119b01d818f' }, h("img", { key: '47205fe157c913823a8f6696c3bca233fe3e4b10', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'd34595253168d84d2e1d2f3ae1a1064314fb0740' }, h("img", { key: '9995c2c307b89e651ca7322b6ddefb1aa3a7a90b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '4317213ac905bfeeb1fa056160949d046babe9d3' }, h("img", { key: '5f9f8b54bb78473b7823aa53d05b42c8c6704d71', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '719ff65820fa075b5e172fe321575814a4d50f86', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'ad23b1f3f2dcdbeedd74c016cc56c1cec5fa5d21' }, h("img", { key: '04b1f52e53f37f7f1ad21592d229f6e7c2316903', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '93107d2f0979c2ea3c2bed33c59711b55c2621f4', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: '6d93f75f1a0c4e99c9737f2c56b42a4c10693393' }, h("img", { key: '9519a6e58f6250e54b6d2ddefb9ecc83935138bc', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '9fd1b183b87f66b75b0132b496f8b2771b679846' }, h("img", { key: 'db3de10cdabd1725ee8a2242ae2c90a7d321dea2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '7f7cd20624cf002137cd3178618650087eeb7b86' }, h("img", { key: '1b74ee12ca218cad33a6dfef691c05a38b9c7ce7', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'a2850fb57d9354ff6e46762e0420eaf6448fb237' }, h("img", { key: '8b05912c8ccfd0f218b081e1592fdbd156163bd7', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '9afcbedf396c5116805768a13736eac12669e2e7' }, h("img", { key: 'cfcd3e82c3aad3bd0389afdd22d2321928c9e30d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '4a5c3ec92189d942d237239b8210b07389f8316f' }, h("img", { key: '901cd84e4864b2833c1e70ab1fca9907ef0b04b7', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'ecfe8c991251ff3951b258476a14664e2721fa66' }, h("img", { key: 'ffe03e6dc7024dd3750294cf88ab9778946ef591', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '007da32319f22ff6ca30fe0b4babef12ddfcf6b1' }, h("img", { key: 'bf818e375b1093f7146d5bd38887a50249585cb6', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'cf0970da4964c3143d26e80df9044cbf6723558e' }, h("img", { key: '6fd2e64708c63edf9900625b18296232d35df568', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '84de906a5207a66e3276f6052ef346b7489f60b9' }, h("img", { key: '4c340ab796c7976918a36d553d4c05885cef0a75', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '43bb1988072b7b7f611357966a1da757f5d1a81c' }, h("img", { key: '796c455a7182934856a49e48d9b9ca1faaa361e2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ed795abb2f96a3b0366aaca9e8a9d81ffba367f4' }, h("img", { key: '4c70f3b3860f92a219d57b781a0869edbcb4a84e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '223ad22d488905bf52524e90c19140af1b86b164' }, h("img", { key: '1c2118b1f2088a8b9dbc4912599c6e5644482ecf', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '720a7e5ca28e8140221127bbe93581bd3fb92b16', size: 'md' }, h("dga-carousel-item", { key: '78cf4cf5c9ad14c70aa9da9a66fe8fd9bf84540a' }, h("img", { key: '73dd30ddb188e1f50a7c3cd09e7c3b97e7d6d315', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'a2dde1ddf904e8d8b0250b830c144a9a374bce7f', size: 'md' }, h("dga-carousel-item", { key: '28f4cc663a739e6e39d082142809794298027e98' }, h("img", { key: '2b9d648247efead8ad1d99ad214b798280c6b6e6', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'b62089364a7bf4c16901ee249952375c910b9de6' }, h("img", { key: '02354cb75672b19b33fabea2b42add065f19f919', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a5e70ccfe76774b30e3be16470795a0bda76b7d8' }, h("img", { key: '2558d5172b31f428cb2b282a57b930bce454f62b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '2b0842c643d6e07081c2853f9fa804f2c9e8a26d' }, h("img", { key: '0fd24df32b4d7f434dc298294bb80f6c1816de4d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '9dbde8591e321f65bd7eb16630e2f93cfe55f270' }, h("img", { key: '4a723c5da6fa7e3d441c5f6083075e700f1e80bd', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '79c01dc0ff9c73549ae9ee7818c9cd6034896807' }, h("img", { key: '45c2b96912905d3af99bd53f1378e81fc63848d9', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '108ed117d304ec9054931c6bc567bd77490224a9' }, h("img", { key: 'cf03b3bc02387607e3995e6d139d565decfc7110', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'e43df8dbc358b8de43b9e7be60c03fdb055f7f20' }, h("img", { key: '1fbc744192fb9a68c9d68d4e76e8c97a0379fb06', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '970168634238327a3665be7a73073ce063b8261f' }, h("img", { key: '8e5551a1f7ef62152e6bb0b9c13da2c2c764d3f2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '27f5b37bed431bec36bf390f39945c6367564379' }, h("img", { key: '650750e823b5e2838386ff13b68bea76083f40dd', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'f6ba2fa8e0fe1f1387672fe1a2562dda91f117b8' }, h("img", { key: '9d08bb3353f83853dca40395b3064c7f3f10c857', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '1df61ccb016c6b8e1304d6fdf5c87d1194eb5fd9' }, h("img", { key: '990a58001664fa9311d3a5747d2ba62e2a664070', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '51f29f40d938cec59f550cf8307cb82b833bbb03' }, h("img", { key: 'fb774efe7edc5322e2ebd3abb2e1d729a4f2f230', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: 'a1a6a33579f96fbebe2a885f101ebcdfd2be7cde', size: 'sm' }, h("dga-carousel-item", { key: 'd2d919c2251e207ba370cf235b077996eb64a561' }, h("img", { key: 'e52bc14ab60b190b069b28c0eab3457b1afe6d84', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '1bccdd98ffdb8dd69571654f5705099556843d83', size: 'sm' }, h("dga-carousel-item", { key: 'fc95894fad57cb3b4f6c6feeb2c283b977f616c8' }, h("img", { key: '8b01e3aad270bea54f294b68688ccc532ce43da5', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '55cffff69ee8fb441563f4595e592b2b2315de26' }, h("img", { key: '01f950d3e5e31b2f09463ee9dd3d88c8d8db37d3', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'df33685f5e6be331df84098f4603b2c022580af8' }, h("img", { key: '1d215f8c243ead5aaff39fed933accccbb443391', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ff6fc71cb64fa44fb47d388672fd5be47f8755db' }, h("img", { key: 'a5b0b73bb75bba757b9f33dff8d94d87df0ed404', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '151443d185460fa50c5622234e80be7fd65a5030' }, h("img", { key: 'b718c70a445ff8b32086990d717a161a18dd192d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '83dcba2b7a31f5b28dcf691b36bcd59bacad0e84' }, h("img", { key: '45207c4e734663fef105e4800a4e3875adde6e49', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'b0ed03b6585ce3761841243e66ca4aee823d153a' }, h("img", { key: '8b24e50c71c59f5af62b3b455477fbe306c5de83', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '336e5471ee873b2f290eb831c40b2cb3bae78212' }, h("img", { key: 'c07066314b219184325f69923c048d7f010d8c67', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1a8820d54d0247d376a6d65a06f691785fb50fec' }, h("img", { key: 'cda02f0945307a6636adfd8ff0c6d64cd199f1f5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '9876c61f2b579647aadb541af143bb8ab8466a16' }, h("img", { key: 'df9c86ba2f25165106519b35688b4a101809d3f1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '1b69effb44e5ec0d2fab3844745fc901faee9b4f' }, h("img", { key: 'c7ac460167c559ef50bfec9d7eb1e546a38e68a4', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'b5e89b441c3e12344bd5535351cc2bbdd5ada118' }, h("img", { key: '4dc54631376f5846e903039ec4f09afd68321c70', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'e004bb8b6ae2bde6bc3d3256f3de6902ea53c97c' }, h("img", { key: '98cdf9c3f6dc73e76ea68f1bfe52ae261afbea09', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })))), h("div", { key: '805a7fdbbef8e14e6161d102e14e1ee86c60f9fe', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: 'c1d2b3a303033b6b0e3b98157270254e02c4d194', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-chart-usage.entry.js

@@ -5,7 +5,7 @@ const DgaChartUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'd8bab2cf6bdf36ea7cb83408ce17fa4ca3666022' }, h("h1", { key: '7269902c66028e091a4789c547ed3f1a3cf202f0' }, " Chart Example"), h("div", { key: '8961116631b017e6e4a3b3d94a2963b2be8a19e8', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e6523459cc7c3bd834801d7cc1b2c8cbd6b5010d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '4534edbbfdd020e2d090a1e887086cf1a0c3d84b', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '11454d7d7f811b1e1bfe7d280f375aaef90f559b', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '8dc504a6656760f147a653764df4495158148230', type: 'line', series: [
+        return (h("div", { key: 'f98e81ef6a1b6c74584ee637a1892637b295d69e' }, h("h1", { key: 'f4dc6a49068bf5b6b640960c909336a1e0448974' }, " Chart Example"), h("div", { key: '4a8f8745813b053517568f267d87bc5baba38523', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '59d65ce0da03f7c129210136c140a07805310dd6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '656cfe6f68e5063b06ad5105ec706bdd29c6bafa', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '13a2ae3355f1ff70cbfe5d15ae1d6c01e61ce054', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '29f13dbfb5ca6755d7d1d02677411c6798e943a3', type: 'line', series: [
                 {
                     name: 'Series A',
                     data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6],
@@ -23,7 +23,7 @@ const DgaChartUsage = class {
                 title: {
                     text: 'Active users',
                 },
-            } }), h("dga-chart", { key: 'af9075bd297e4a2e327a565989535a6f4c78d220', series: [
+            } }), h("dga-chart", { key: '939a63747f6f7ecc53773fb905ad25e1b829dd0f', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

package/dist/esm/dga-checkbox-usage.entry.js

@@ -6,7 +6,7 @@ const DgaCheckboxUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'd1e9985e9586c1bf7a33f124ca0216e85fd5ea9c' }, h("h1", { key: 'c1426cb4a86f403909ddd97c999a60299862db0e' }, "Checkbox Example"), h("div", { key: 'df6ef4e9fc9eb4a8fc4110e06bfa7c5d17acb154', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3f9fc840ef2ff6148459d93dcb8edcaf4d2de7fa', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: 'c6988a4e33865217ae33cedd0cafde56e5d14553' }, "test"), h("dga-checkbox", { key: 'd2bac6ccacd52a0341b4f2f10ad1faca6a017a43', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '3e21d2ae47eaaa91db38425d806980c19d63c77b', size: 'lg' }), h("dga-checkbox", { key: '37df9e55947b59189609d6f265abd1efa9d4a937', size: 'md' }), h("dga-checkbox", { key: '5b7d10f3c253db24793eb17eae592ac57328fcf5', size: 'sm' })), h("div", { key: '9b9c9271658d5dfce7c6c2d1c907f6174b14e3c8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '657e02ca429e61dc3c69f03ca4713f7f490acff4' }, h("h1", { key: '009b790c4ebd2dfd57f9417644167e4a12731811' }, "Checkbox Example"), h("div", { key: 'a22382e8088dd1af150d283c0dd7fae316249b5d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c26ee773857a7c6d50b8606147b57b363c8f0cc7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: 'ecef81a3af106be510bd07c6c6b146a8956f6c44' }, "test"), h("dga-checkbox", { key: '305ae9eaa7437668131dac41c92bd25f33776099', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'd0f555bad89339e225972cfa8114faea6fcff33c', size: 'lg' }), h("dga-checkbox", { key: '1495f1ee81452c4497650f29ed6f0b2e1900ed7e', size: 'md' }), h("dga-checkbox", { key: '4c79ac1b264bf1645d534644b35c15c22e72fdb6', size: 'sm' })), h("div", { key: '38f92ac5f0d0a78b5d6cb880c5a2e01efd750360', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-chip-usage.entry.js

@@ -6,14 +6,14 @@ const DgaChipUsage = class {
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: 'a7f8a0c8935f8cf26a4af5e4e60c96b35482441f' }, h("h1", { key: 'c5a0328a41e56e62459b5e11349c04c718fe6740' }, "Chip Example"), h("div", { key: 'cdd210478b5a056c6d95fb52c6a1a3f859b295e6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e1308db145740be93aad44d3968577028706d8cb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: 'e0afdec2e26596a35de25f01057cba4ea9657cef', label: "Label", variant: "neutral",
+        return (h("div", { key: '0178f4d6fd4b0719a2d3434d39f86bb66ad142f1' }, h("h1", { key: '907c68073c0b297355aecaacde5e247ec09f480d' }, "Chip Example"), h("div", { key: '372fb45c5eeda1ee383972ad6d2dab7a031daf42', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'cb2aa1e9c18f64a1b681d5b3ae50262208a120db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '2e5a611ef8ba489f242e09562a73054dde3ed496', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '20b2510694d0ac06f3f2c2c14f939ed828d673a8', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: '0b476dc34c94286ce0bf263c86a0bd26840d0d64', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: 'd1e3f3bb18379100f16f51dbde938503499d6753', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '023fe5cefaed3d957d37e4d5311ec5d23c89b858', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: '5aac36d3d295f6101d664bd791157f9b95a7a630', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'b50cdc2df6e1a14b7fd632cd6c4cadf4a0c8ee4f', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '8574f35b4a3a7e9a231f95645cd0cb21c5f38230', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: 'f514a151ac14828bcbeafebbdd631c91db0c2192', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '720b5c589d97d5c0ab0471e4997a6f0354204f9a', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '5b6fbb30727bca96ea55fb9179ad031373699ce7', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 };
 

package/dist/esm/dga-circle-skeleton_4.entry.js

@@ -9,7 +9,7 @@ const CircleSkeleton = class {
         this.width = '80px';
     }
     render() {
-        return (h("div", { key: '4ba57709965e42f6c56f63509bbe4c58656e9b7d', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: '1c4aba90588b8e23561c6999447db5a2bceccff4', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
     }
 };
 CircleSkeleton.style = styleCss$3;
@@ -23,7 +23,7 @@ const LineSkeleton = class {
         this.type = '1';
     }
     render() {
-        return (h("div", { key: '3d2de29259aafb97bc2d2de16939c0e964b667da', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: 'a531aa32cc62a525b2026fdf0ab940b04e6b8928', class: `line_text ${this.size} type${this.type}` }));
     }
 };
 LineSkeleton.style = styleCss$2;
@@ -38,7 +38,7 @@ const RectangleSkeleton = class {
         this.width = 'long';
     }
     render() {
-        return (h("div", { key: '9c6ae3ece475bce08aa4ff35055a7c06b0152b56', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: '06beaee8ae43981602ad4274fcecdd7841e3e590', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
     }
 };
 RectangleSkeleton.style = styleCss$1;
@@ -64,7 +64,7 @@ const SquareSkeleton = class {
         return borderRadiusMapper[this.width] || '';
     }
     render() {
-        return (h("div", { key: '6b7711afef4faf951cae26cae4db4fdaae01e4d3' }, h("div", { key: '066c5898c05f257243b8d31e4c073a8d5bbae9f6', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: '800fd0011d6ce7f4b2b608f6f4b1694453e6a549' }, h("div", { key: '0781af9c657c121922acf68654c18b4e0d737fff', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
     }
 };
 SquareSkeleton.style = styleCss;

package/dist/esm/dga-circular-progress-bar-usage.entry.js

@@ -10,7 +10,7 @@ const DgaCircularProgressBarUsage = class {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '93b12bb1b50bca6a8779602dfae556ed9a249694' }, h("h1", { key: '17104e1f358f842bbf4367056ee50a1a618febd2' }, "Circular Progress Bar Example"), h("div", { key: 'f7ad348d4d72a631de16e0903d18b270237a3dc4', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'd25b78be3819c364fe0dd7a7b66f42dc19771b98', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '80fc781f91a18b4975ebd7b450ccc94063d3ad47', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '828733c9146490cf64e64ddc0feedbe3be1d0908', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '98e0b21778c182965728b92c8747756848b8e932', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '25c48643c8c8e6fbebf395c2f7e02a02c8739d71', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '886bce4d9ec1e9307598ca9f413d660388b53099', size: "64px", percentage: this.percentage }), h("div", { key: '62d0a92b1433758e4075803f863afec7178acdf0', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'f373f650310eb2d5a2a619458adc361c32e6b6f9', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'cbf8180616fed89eb9113586c88cd04f5cb1130b', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '1a2b0931e33296176fbcc265f25d3a36f2f684a0', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '843d80bd0e79c690ec9f1fdd925e4a7cc170fb8e', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '96a961ee8e2bbab1e523cd45d08bbb4b37186557', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: 'ef8554b9cae1fcf34f8ee84a92d3fbd7a230651e', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '461eb0e59dac18e89e272157318f620d8c4296a6', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '4401d971110541860f61bbaf6ec4c4848421cc14', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '310f989f159017a9eb9cac6791a72eb79ada09ab', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f22cbecf6d11d6c5681b7dbab4c72665ff9c2b9c', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'dcf7bacacbc3023c77db1d973351ab014c30864a', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: 'ba44122f942ddfde011ccc8f7c4af952d5772968', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'c97016057e8e00e2cc73d2b66806d13ccd46c17e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'f21480e51ff79b4d537c228690b894ede442a807' }, h("h1", { key: 'ef9a852a59d01a617fc818424cbf95e51ccb40b6' }, "Circular Progress Bar Example"), h("div", { key: '2d17ae6c3bbe9c87871d8f81e9b17681d0e50230', style: { padding: '50px', gap: '20px' } }, h("div", { key: '88e94e743f8825cad4f507532c6f385dce6f486d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'bcb49f7969a53cba89220ff673b4c99b2ac240a3', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '73979783ed901cc3eda58b754277d192a11aee88', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'ae01aea09cbe7e1d77420714d2d1ab659a2298a0', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '64785601b3252acc40561ea587c783d0b026cc0d', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '0e820a9fa3729b9d31f84b84f19cb133ac2c6f15', size: "64px", percentage: this.percentage }), h("div", { key: '9896d944d3ab34ba63ee07583b5f6fcae45b829a', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '9d0f9ae93e5915d866a696d75773616f4c6773c2', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '4bc48a52a159bc2980827904d8f327ecd60cc723', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f68eb463bca3ed2167a4c4c607b496adb9201f07', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f31110b46df0746191e25e8bee37b07944fd9bf4', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '76b350ccc0feaf765ab771a9b720a75f711bb34f', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: '276089e86c5d67e5ec229924dc465177ee043eee', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '810290a41fbe4f15186dc7fcd9269e931c522274', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '809392514a89a5a16637c6b33517f06b30bc3a35', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'c92fde5641c8d8f194b94922081bed65ea1a0c1d', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'e66529d2037e370b6fd4c0e1b4ee55eb9cb68d78', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '12cdada45b3525143507f61d7a6695af500c0ca5', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: '180210743b4c136de17e5ba2175d88fc2faafce6', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'd94b40a81e08c0d854320c7a8ec1e2204894ae60', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-codesnippet-usage.entry.js

@@ -42,7 +42,7 @@ h1 {
         };
     }
     render() {
-        return (h("div", { key: 'e23fe50db23571bd4da8604782e7e787ee71f8d2', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '66c73f215822aba0edfdf11b30604b8729c16460', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '7a0b424e36c70355b356cd63539b9c76ddc80c3e', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (h("div", { key: '8fec3258f454d167e0ff8814303754d0a764885e', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '505ca45d20f82e97e3a9e4186f1dd0f3ccd2728d', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '72f1a4ab0fc27ed9f8d411b3b1ee0dbc34aa51d4', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
     }
 };
 

package/dist/esm/dga-collapse-usage.entry.js

@@ -7,7 +7,7 @@ const DgaCollapseUsage = class {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'ad1f3f0e1cf28490ef2970a85ad18f42dbf66a8d' }, h("h1", { key: 'f3b60791364960473706e66a166ccd8cebfb1508' }, "Collapse Example"), h("div", { key: '18a70722655f05c530fa263b71a5786ff2a19294', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '27285803d2aa02483a2b6fc4654d9ab67a30f400', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'db1b4e4bb8a7b3352df5641ca70f47e7f0df94d2', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '3ca2c084ffa9261b6e15d45c8b785408f3e66f0a', onClick: () => this.open = true }, "open"), h("button", { key: '28475f08968c02f0ecd69286e21e0e16124074a9', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '4e0f3aa013b7fbd463809026f6a4a6149673ed8e', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '6f13006476b26fa028887be309160128253be56c' }, "Your content here")), h("div", { key: '4eaaed68a082c160be1338d058bfe4b861b6c86f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'ce45988cc189e31973289c2785bd351adcbcd027' }, h("h1", { key: 'd73ae20e4ac38dbb1ddd6276ba1a3aa1c5328174' }, "Collapse Example"), h("div", { key: '9a1b43f1f384c22d3428aadf3d19af7dbe343ed5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'aa3d3742b330872605c3c7ec42a5073eb97e2b0a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a3381846bea7990d01306834ffa3e07f896f0853', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '08e7ae751bbf3866a45a37f241c9d8e748b36bb9', onClick: () => this.open = true }, "open"), h("button", { key: '367a2f8354b616d07ce6f8f0c64f57d8adfc0361', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '7b5f2514c6f258b1a5b21f286d399114abe59b07', open: this.open, "transition-duration": "0.1s" }, h("div", { key: 'f358334a58500c364213da1aff61cdd8925fbef9' }, "Your content here")), h("div", { key: '666f605c04a91b66ac0013b3b3696447c16e4116', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-content-switcher-usage.entry.js

@@ -6,7 +6,7 @@ const DgaContentSwitcherUsage = class {
         this.value = 0;
     }
     render() {
-        return (h("div", { key: '56e692143944c0c62d5b22fd633875c160a7828b' }, h("h1", { key: '8bc0c5ae1f69f10de89d6e614bcf322c443559c2' }, "Content Switcher Example"), h("dga-content-switcher", { key: '069cd1209784cf4d410fa962aa6a3db341b64226', size: 'lg' }, h("dga-content-switcher-item", { key: '75814e876ed5dee9af2e3f2c29cd45c9c489dfae', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'b64cd0091c1f5e64139021d6e70aa942b600e7b8', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'a12f3be500ba7a85d35f96de1d77dd4a8aeb68db', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'ecbb02f1a5e46edf41d8b613e037dd47593c774a', size: 'md' }, h("dga-content-switcher-item", { key: '24e7e24396ecdbb8806ce440d020560a6bfb155a', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '81344748409500eba271c851b613228c24e563fc', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '54618c976aff07f863f77123d18683f078764252', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'bc95bf75e3b87150c39c3133e24d347aed7e2d7d', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'bc1ac65a4efb6fb7ffd7a07abc186a4125e15b9d', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'fbe905770a267e141de4f124176bc556215105ca', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '0303b4a7b07e8860dfea72ae9b52f6c8bc3a94c1', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '2c1f6c3e5468c15d497bb2ea4925693a20bf8658' }, this.value), h("dga-content-switcher", { key: '49abb722e83602a87f1606529f2282ff4fc2d717', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '451d56bfca2a21d5d0294b8008dd5eb73d64af2b', value: this.value, index: 0 }, h("div", { key: 'db77e3b8683a79ede96793a594f29b180db96513' }, "Content 1")), h("dga-content-switcher-panel", { key: 'e13d2a23f708650f8351dbc9fb289f0eb42422ac', value: this.value, index: 1 }, h("div", { key: '0051ee2d78df2c141e0ef14671177f542e740f80' }, "Content 2")), h("dga-content-switcher-panel", { key: '3456f61de3ee9550af13cf079ade0390b147d6ef', value: this.value, index: 2 }, h("div", { key: '8c5f4d2dae8e21bcd44114595729eb14c5c48309' }, "Content 3"))));
+        return (h("div", { key: '6903e09d27c812323da710c32b30d7a7c67e2aa6' }, h("h1", { key: '2dac404327f2f2259513f4902a0af1dfd8303856' }, "Content Switcher Example"), h("dga-content-switcher", { key: '3e77ad327e45df9d3090d66dd2d307d54d238f1a', size: 'lg' }, h("dga-content-switcher-item", { key: '45428c19a30312c5171e7668553537999f55677c', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'ce8d129c1dc1fda71c1d4327e0c68f09cb1db245', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '0367aae3341396a297c46ed57a679bebb67c5707', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'a63ee1fc31a1929be258d2d30614dddc545e819d', size: 'md' }, h("dga-content-switcher-item", { key: 'e108e0f2a04360ecfb9f716d74333cd4c10fa937', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '9d20eb19271d3240bd015dfa5d745091d519e203', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '375268ab4e6f1c490f897d488cd890e6bff01a93', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '4a625a1fa721c34925814a1f19c1e86643f8da13', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'e18724ed936f1ddab4f9f4ce6acb9acb984f7043', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'b779698cc4246daa9a73125203fd8df79608be4b', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'a9a5e220e10ded846d3cff85927f4e0d4465cd64', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: 'f0155b208cedb99ff722d3b115cac0fd9c837202' }, this.value), h("dga-content-switcher", { key: '341e37fb473c68ec39c1dd11b69cc6378eb6b9f6', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '309a4263c65ebe2445cd4ce6235d947702565991', value: this.value, index: 0 }, h("div", { key: '0c0f27a7290b9496197ee93925ae58d3f9400386' }, "Content 1")), h("dga-content-switcher-panel", { key: '4b4509182481333595a01465fb7c6f106626cc5f', value: this.value, index: 1 }, h("div", { key: '19b0ddfc985c2a4ad078fb42b3f1143611c7f644' }, "Content 2")), h("dga-content-switcher-panel", { key: '7472c85660a3299300af5d02ae880c61080ef243', value: this.value, index: 2 }, h("div", { key: 'f63b0da8787366b4cb646010a23f866ab6b43951' }, "Content 3"))));
     }
 };
 

package/dist/esm/dga-date-field-usage.entry.js

@@ -6,7 +6,7 @@ const DgaDateFieldUsage = class {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '6a37acaca6b95b061027a22ea9d63e146c6d4fee' }, h("h1", { key: '18ea23146e81aa4f76ed811c0f645aa62553cf59' }, "Date Field Example"), h("div", { key: '92cb20c17e2de92fef76d145601fdd98665bf771', style: { padding: '50px' } }, h("div", { key: '7461c66c0cbb96010a296a94bc8650689c9c5370', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '113c6985f800d48972236db9adf2bbc9daaedc85', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '562d46619fc478bc9f7fd4d0d001e2617fbbe9f7', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: 'e47493fd39924f450f92f9e8f68c043c12e4df5c' }, h("h1", { key: 'd4cf69d43f38b808dbb9830708c17d7912c840e6' }, "Date Field Example"), h("div", { key: '551a9f94a3071badcf01243d8b5ee3184756bd8f', style: { padding: '50px' } }, h("div", { key: 'c3a10cfbadd77ff7ba5a2e41ba4752dffad47b6f', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '07c26c08b8c643dcbe889f40c088354996e46493', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '8696032ed67ff748798102720aabcd78952818b7', value: this.value, onChange: (e) => this.value = e.target.value })))));
     }
 };
 

package/dist/esm/dga-datepicker-usage.entry.js

@@ -5,7 +5,7 @@ const DgaPickerUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '567d7d2ed08114ec05891ef4ee8eda9a1bc0abfa' }, h("h1", { key: 'e65f61bad1f08ba2c26db7ded84a9d64e6d43cac' }, "Datepicker Example"), h("div", { key: '23a790d84f2c241ec4ac7e724c19aedbf8cc9c41', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '75c8b974c001c8ae3ed5276b5ccd18bd57edc0f4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'bf6b355052b9e017a6611c710e03e820e0baba1e', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '6924c1a1d2fe2d6d41f15725dd788ce14c493e13', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '703003319fe99a6442f1f24b6b0df7f29ff82536', range: true })), h("div", { key: '450e773a803953e1e66650699aefc07fb34cc711', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'b52ca0efce71204aed2adaf89202318f0edcd628' }, h("h1", { key: 'd3bb55b0ed385369e9e4b8c84b5ac32d228274a3' }, "Datepicker Example"), h("div", { key: '9bb4e267a566d78e1233515beae77a9de35aedc6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8b01d9914510e772ddea427795d9cb633fd85a5f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'ed93d5b6dd71651203cf68015dc6dc6daa5d5bcb', inputField: false, qickOptions: true }), h("dga-datepicker", { key: 'a14cd34017dca39a1ad597f7568df29fe20b08f2', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '65360941d011ac7b4969a3346bcf3ec3e42f3393', range: true })), h("div", { key: 'b86ca5a1008bbce275ffbb1e2e1751e8c0f75bac', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-divider-usage.entry.js

@@ -5,10 +5,10 @@ const DgaDividerUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '6c30b900be17091249db53b6684f8ba4894286b2' }, h("h1", { key: 'a9b2da284fa680c64e6db45d8ec95e52de937f90' }, "Divider Example"), h("div", { key: '07e08ac98b84241b35e71c01645ddae57c85b4ce', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '86ccb56baa4b3984841466c055c5f698aed2df36', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '0034f64d3b42165f2aba928bee6a504e2fe2d6ba', style: {
+        return (h("div", { key: 'bc740b93b419ee3b10a3bb617b05bba4cd399d2e' }, h("h1", { key: 'aabadc49976d7eddd277aaa8ed59c4070ce37ef8' }, "Divider Example"), h("div", { key: 'e3d21269f94c77f1c628a8514c717badb474bafe', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8bce98d3be0f9b24fa777cdc29754115af9ee6e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'acfad7ddae093ebfcd94caf5fd15654b003901f8', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '07f71be1f241e85cad3e21723813106f8ed6a98a', style: {
+            } }, h("div", { key: '5e85859f43a96529629bd1e8be57733859f953bf', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -16,7 +16,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'ac42579aaa71f741fc1060165529717f8ca1a0a6', color: "neutral" }), h("dga-divider", { key: 'eabf78d23334c0cde51732fc3581ecf8642c0367', color: "primary" })), h("div", { key: 'e2b6b2a7a0c104b93107b7dcab213ae83d6b926f', style: {
+            } }, h("dga-divider", { key: 'a5c3a613dc4e3c7a293ae42cabb67698318c2d27', color: "neutral" }), h("dga-divider", { key: 'c06959904187c8df1c9f5b01772792d432e1de30', color: "primary" })), h("div", { key: '4dd3cfc1a7f41458cadad9ba4a4a8a518ba4053b', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -24,7 +24,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '47070367ad13c2aa01a7bbc7cc0e4da50c4ba629', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '5851bf6252d0c12e08482109f8a021b06d50d1c3', color: "primary", orientation: 'vertical' })), h("div", { key: 'f1273ee72d06028cd3f25dd3dea6228ab485cc03', style: {
+            } }, h("dga-divider", { key: '05e4a992683c9adf6beb1dc85c33eec9d79ce81f', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '2cb98622ae4a1d8a81087e5ffd979e3327388442', color: "primary", orientation: 'vertical' })), h("div", { key: '3d12e3c11e790acb1938666330cf5fdec78be8e2', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -32,7 +32,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '06fdd3ed095a78fac31f02896424425df1523bf3', color: "alpha-white" }), h("dga-divider", { key: 'd93d4821c4e406ba9cf6fb7aa448114e7e653307', color: "white" })), h("div", { key: 'e8a19f9800860c7386daecd31009c0b143c7c6d7', style: {
+            } }, h("dga-divider", { key: '7f3bb282c92259b29bbce48a1a77156d6bbee752', color: "alpha-white" }), h("dga-divider", { key: '612c0f8bf659725d8a6a4893703bbccd3618b530', color: "white" })), h("div", { key: '16baa94bcec06536c8b3699e06c70f226d72dccb', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -40,7 +40,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '686f895b8ce2c572323b4a195dd102464937393c', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'ba489f24cfbad7c137e9dded6ff2b93ca1994483', color: "white", orientation: 'vertical' })))), h("div", { key: '5a8b7657ff3be51a7dcb7168886b76df83b176a1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: 'a2ddca2b5403fbf24f9f08e75f7aa38ed2528d1c', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '1f928598988acdc734fed4da4cb808a857d1258f', color: "white", orientation: 'vertical' })))), h("div", { key: '895f06dc283a53010fc59b00158585062aca0b82', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-divider.entry.js

@@ -9,7 +9,7 @@ const DgaDivider = class {
         this.orientation = 'horizontal';
     }
     render() {
-        return h("span", { key: '01605ad7c7099135a29273fadd7054d34a26333f', class: `dga-divider dga-divider--${this.color} dga-divider--${this.orientation}` });
+        return h("span", { key: '9ed77de5e2f387d042081680f62150029ef5892d', class: `dga-divider dga-divider--${this.color} dga-divider--${this.orientation}` });
     }
 };
 DgaDivider.style = dgaDividerCss;

package/dist/esm/dga-drawer-usage.entry.js

@@ -267,12 +267,12 @@ const DgaDrawerUsage = class {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'dd17d1c2f4b0fbcf840aba4251a75a655a43b424' }, h("h1", { key: '489db136174a5bb4c055a6a269e1cc8ea39c982f' }, "Drawer Example"), h("div", { key: '7226158be1401d338bb19dad1291f743e92377c1', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '84c9e88294c041bda33f10fdb1d7ce74822cf187', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'c23e07f90a4348b47c924ed6ac2949112efb5a16', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '49988258a15f9715cf98b52baf1fab21acc0dd4e', onClick: () => this.open = true }, "open"), h("button", { key: 'ca3790095824761945782a6a29af992abbf9878e', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '5b948e4b44af81e8501d76d974773b56eef0d079', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: 'a5d074d2753ac9fc296d4a554db6db8e5cf72b43' }, h("h1", { key: '254ad4bdf4e3cd53a9da3d940c06fab5cda43ec4' }, "Drawer Example"), h("div", { key: '99f0b246c03eb4e88cf57b6a51995211485c0ec5', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '626ade8402841cfce26a4a3b98c0403900edd726', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '1913594c287a448d86aa38b18305c873606ab506', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'f5fdcccc2a07105325da3bd0a295bb167f0ec7d1', onClick: () => this.open = true }, "open"), h("button", { key: 'd2884b8c5970ec2b7c775c947c8f52acf78e1813', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '60c090dbd4aba2c3c9438b4f39dd776aa5fb3949', 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: '486c90f981afd8c14366cc0f05388b4aa2efc92f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'e67f8aa5760862ae0e05eeb561d7f301b57b16b3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-drawer_3.entry.js

@@ -44,7 +44,7 @@ const SidePanelMenu = class {
         this.routes = [];
     }
     render() {
-        return (h("ul", { key: '1a90543c32ed292f8680be93b898e4128b7515a0', class: "sidepanel__menu-list" }, this.routes.map((route, index) => (h("li", { key: guid() }, h("tab-component", { route: route }), index < this.routes.length - 1 && (h("div", { class: "sidepanel__menu-tab-divider" })))))));
+        return (h("ul", { key: '8b2d550775b065135ab6588510c06543776420cd', class: "sidepanel__menu-list" }, this.routes.map((route, index) => (h("li", { key: guid() }, h("tab-component", { route: route }), index < this.routes.length - 1 && (h("div", { class: "sidepanel__menu-tab-divider" })))))));
     }
 };
 
@@ -63,7 +63,7 @@ const TabComponent = class {
         }
     }
     render() {
-        return (h(Fragment, { key: '80b133e8baeb5c1d0531153f1f2f521bc8cbed79' }, h("tab-link", { key: 'bcd51261e7d2dd2687964519192b28547f1e7d04', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (h("ul", { key: '43b9cfdf1e48635d9e867e12d999564b22f10627', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index) => (h("submenu-component", { key: index, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
+        return (h(Fragment, { key: '84a988c7773cc92055217d331addcfea4a9a7fae' }, h("tab-link", { key: '245a2ece23e2ae88473746f3ca43d155c732110a', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (h("ul", { key: '1f265c9a4c731351b3bc0ae85b8486156da08755', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index) => (h("submenu-component", { key: index, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
                 if (expanded) {
                     this.submenuElement.style.maxHeight = 'fit-content';
                 }