@platformscode/core 0.0.25 → 0.0.28

package/dist/collection/usage/dga-table-of-content-usage.js

@@ -1,84 +1,84 @@
 import { h } from "@stencil/core";
 export class DgaTableOfContentUsage {
     render() {
-        return (h("div", { key: 'd15349f639299a8a13ba612d18940844d2e66391', style: {
+        return (h("div", { key: 'c983d0464d8d6ee6379fb06f8f6f1eb6210b4646', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: 'c241f5fb92aec3d58e5d3187c6b06135ceb1dd64' }, "Table of Content Example"), h("section", { key: '1a23badd07e4d2ad3005c9d75556d21c72e04a67' }, h("div", { key: '58cb04b4992e4bf61142cea62974e8b6766207d0', id: "section_1", style: {
+            } }, h("h1", { key: '2e1022ebb6fda513c57eaad9037dc5d5c0fee5e8' }, "Table of Content Example"), h("section", { key: 'c28ead61eabd589da3f75665164c59ba1d803f5f' }, h("div", { key: '5f42a6876b4b9889cc655ae5fa7d855f88268191', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: '8083353da675666aaafd7de30c96be8a591e8618' }, "Section 1"), h("div", { key: 'dde1b84bac1987abbd025ed6ff47720d7eea43fe', id: "section_1_child_1", style: {
+            } }, h("h2", { key: '37a62dab4bb30cece993961811e805279c16b011' }, "Section 1"), h("div", { key: 'cf46ed4064d0ffd3f6a5f2780d4d4f24f10b716d', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '071c99f442f9a4f98634140f07a3b54726c150b6' }, "Section 1 Child 1")), h("div", { key: '14e26789c607c157aa93b810d13c6fbd57788956', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '3974a5bb5c74da1bacae8e8cc03131cbac64a54d' }, "Section 1 Child 1")), h("div", { key: 'bb0e0788d13e0cd04e867e35ad8329c676fb592d', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '57999c1d01c770f386b0270767691690764726fb' }, "Section 1 Child 2")), h("div", { key: '92ba68aacd26323573c583af6d1114271b8706f7', id: "section_1_child_3", style: {
+            } }, h("h3", { key: '3d47a9f6f1daba571abc709ce05c1bb32d34c5da' }, "Section 1 Child 2")), h("div", { key: '1056ca8ccb04e711920a8c6a20faa667c3482259', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '8e765a3ca959e8888d0b59041c60f4ebecb5dda8' }, "Section 1 Child 3"), h("div", { key: 'b49a68dcc5bdfe9172813d92b18c43a273010688', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: 'd573b416d26e7930993bcb8af5404aa4365dd6e4' }, "Section 1 Child 3"), h("div", { key: 'e5b5e11e7a65b2eb89176963386105e60a2fcd06', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '38a861ca3baf9141abe8a085991eda4ec8cfee46' }, "Section 1 Sub Child 1")), h("div", { key: '8cf1b89e6b82435e7e7867aa7a589cd2ffab4960', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '21dcd99711f531e3d26feee68169550a503b31e3' }, "Section 1 Sub Child 1")), h("div", { key: '14f0fc69662547fa46ab56fc249ab53638330494', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '40f13cbc2bf1713b05ea43e485c79296488b1308' }, "Section 1 Sub Child 2")), h("div", { key: 'cf9a416fe48021fa8362b0054ae6eb39231a43db', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: 'c249e18bb7050e8ce10c55833dc732c3fc813a40' }, "Section 1 Sub Child 2")), h("div", { key: '23f7f8474e9ad8237ebc1759dd3650d24c9abd91', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '698ccd912bde9c965eb029c60bd16670c9588bc6' }, "Section 1 Sub Child 3")))), h("div", { key: 'cc750db9ad84cbe493c27500de0caaba687044f9', id: "section_2", style: {
+            } }, h("h4", { key: '0e4282f9e1402adaf72cf0584ae5b7a52b3d4fd6' }, "Section 1 Sub Child 3")))), h("div", { key: '210eed05020f92b17d0d7d9f1468b1d575269bbd', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '7625fef39028d26d9ba94da0a5f19232ca5a8bb7' }, "Section 2")), h("div", { key: '8fdef76dd784f36e415b0c7055c3482333c239f5', id: "section_3", style: {
+            } }, h("h2", { key: '85956f31bd566bf4b0fb4b7396fd0f66c9a013a2' }, "Section 2")), h("div", { key: '8398df7b6d92fd08b9e6b91110b96e29cd360d11', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '2cc3e53dad0347a96ae95775092d76164318127b' }, "Section 3"), h("div", { key: 'e14e96256c836b85ae44626667c010bff8f014d9', id: "section_3_child_1", style: {
+            } }, h("h2", { key: 'c04051a357d5389102f2b94593428d3e019eb1f6' }, "Section 3"), h("div", { key: '30ecc6f5e16af9622434511562d8d7dad6367eeb', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'c1e0bbbd48a010d291ed8e65e627d902d9947fc9' }, "Section 3 Child 1")), h("div", { key: '488cac924188ac4a37af327242f7454a4d9b433e', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '1d5366a8c60c322fee2a9902d103f432c4c107ab' }, "Section 3 Child 1")), h("div", { key: '6034b390801e6a803ac2bfc3db839bc61d5840e5', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '2f8f92511e6671c8381e9e128c976c3fecf6239e' }, "Section 3 Child 2"), h("div", { key: 'a5de40fb0dd8647cfc6cbe952049b50a2aed69ed', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: 'c277dc393cc632222d35b5a8d156f9cb69a0a3ad' }, "Section 3 Child 2"), h("div", { key: '680a8723b12ae8ec9ccc866c53c050f093581d1f', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '43b5a052e83e60297cd8ef3aa673089d9b858aee' }, "Section 3 Child 2.1")), h("div", { key: '977546d7f8f3d9354f51a23386a5cddfcb137df2', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: '12a7d0cad49ccd91a7b1db2582fe267dd61fa84e' }, "Section 3 Child 2.1")), h("div", { key: '9fb82323c2e689e157d1180a0da90c078b0b125a', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '4290eb07b34eeddce1cb411631331bbec70b73b7' }, "Section 3 Child 2.2")), h("div", { key: '2ab2d4a0a4805a9ace81c1af9b3e219e1987d671', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: 'cc64b76269fbf93e0c5aec932bb022a34724f14e' }, "Section 3 Child 2.2")), h("div", { key: 'c2e4b63399bb73bc67f15f344e0afb7db700677a', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '93e3dc436cf1e8aea59085514d8cb9b9fe2a6cc9' }, "Section 3 Child 2.3"))))), h("div", { key: '2d977331c849d63655c781aa381f27834b94824b', style: {
+            } }, h("h4", { key: 'a7bee4e488a06732f97ce5850db3be04b86a0d4c' }, "Section 3 Child 2.3"))))), h("div", { key: '2725488cbd1f19c6a48aad41e79f0f524a4ca332', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -86,7 +86,7 @@ export class DgaTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '08fe8c34cc6bed47143854d5e57ea2528649c444', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '112972cdd00c4036880244f4c9a17a72c7ab7ae6', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -121,7 +121,7 @@ export class DgaTableOfContentUsage {
                         }
                     ]
                 }
-            ] })), h("div", { key: '04e02601de43ec292c2a28926ac95d3e5fa06d6d', style: {
+            ] })), h("div", { key: '1189116fa038429ebe293b239fb30ab7d3d788da', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -129,7 +129,7 @@ export class DgaTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '4f87d536da5b9257c2d4d1374f27fcafe88a3b8c', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, h("dga-table-of-content", { key: '27fc846547d8a3e877f77e1d1c55fa0f548b3baf', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaTableUsage {
     render() {
-        return (h("div", { key: 'cce8d553b5ffdbc9fa44f1b5a93dce53c0238299' }, h("h1", { key: 'aa47ec1faf9e7d55de29db20ae1a21cb096e0f6c' }, "Table Example"), h("div", { key: 'eb5b733c74b8468739e69160aac6afa7d976a0c8', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '49965a667f72b6b465f69acac82c16d1d5c4babd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: 'eaf30471f00a8f0444e037e0298d994eed6a8d93', columns: [
+        return (h("div", { key: 'b5054a6d0fd3e7dae1e12c3b4cecea2ae94e16a6' }, h("h1", { key: 'ee2a65396fbbf71469deabe03fbfdd9ec16d80d2' }, "Table Example"), h("div", { key: '108b830e26a740d0d73e8a2ba0206f9848d92e63', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b452499d51152fe62c37b6cb9c2ab539444451db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-data-table", { key: '8cfded33a0e06c92fb33cea795a028d1ceb30349', columns: [
                 {
                     label: 'Header',
                 },
@@ -57,7 +57,7 @@ export class DgaTableUsage {
                     price: '962500',
                     selected: false,
                 },
-            ] })), h("div", { key: '83d6bb1c61d16ca655d0e29dcc8f19327881ed05', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: '441a9cf2d8ad1afa33d6f857da4dba1e3e3e4b79', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-table-usage"; }
 }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaTabsUsage {
     render() {
-        return (h("div", { key: '2cf79574c54cc99ca7fc70281e5864e06258170b' }, h("h1", { key: '548ca2c63fa8d33a232d335572c4b780de4dba9f' }, "Tabs Example"), h("h2", { key: '4f6cfa8538b6ab5b417fa005aaa0eed58145d0d2' }, "Horizontal Tabs"), h("dga-tabs", { key: 'bc7b6b7354c5ad70368ff7476bc5d90b9dcb6a9c', size: "md", orientation: "vertical",
+        return (h("div", { key: '46b388e665d5eefa731433b3777327dfdd5d4236' }, h("h1", { key: '81c3932a8e580600bd32586bfdc8aad52ad4e702' }, "Tabs Example"), h("h2", { key: 'c329290427c9e2defbbea4c9d95edfdf68b15ee6' }, "Horizontal Tabs"), h("dga-tabs", { key: 'ee9623580bd4895ba43deb794a11b95b2e8c0b61', size: "md", orientation: "vertical",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: [
                 {
@@ -31,7 +31,7 @@ export class DgaTabsUsage {
                     onClick: () => { },
                     tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                 },
-            ] }), h("dga-tabs", { key: '65c5db3deb971962c36feab16fab9cf00d56958e', size: "md", orientation: "horizontal",
+            ] }), h("dga-tabs", { key: '3b5d016cb5d461d06799cec8e2928e9d0a7a93c0', size: "md", orientation: "horizontal",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: [
                 {
@@ -79,7 +79,7 @@ export class DgaTabsUsage {
                         type: "sharp"
                     }
                 },
-            ] }), h("h2", { key: '6d48774f3c5c4afbc2a9256ae886b7156b1bfa0b' }, "Disabled Tabs"), h("dga-tabs", { key: '68fe21096c7a56c0448913dc30dfb2a84b206644', size: "md", orientation: "horizontal",
+            ] }), h("h2", { key: 'c9903dff8692e05a79b2439a4c7ccb34d09a0773' }, "Disabled Tabs"), h("dga-tabs", { key: '6ce853a7ac35a1fe861f5f7639f9f6cdaaf27916', size: "md", orientation: "horizontal",
             // tabIcons={true}
             flush: false, external: true, divider: true, disabled: true, tabsList: [
                 { label: 'First Tab', link: '#', tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />` },

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaTagUsage {
     render() {
-        return (h("div", { key: '8d5b0bf0ffe91d54319d79419d78794839ae5bce' }, h("h1", { key: '904baee3fe3a31df43942b4c5e62779eabb3c756' }, "Tag Example"), h("div", { key: '16ca3edb3c8ba8cf45ce6239218a0cbf7f419602', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4898491d0d92dcd2cb2e3c1c060fb86201a8e007', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'a0d19fe7e102c57f894ff8941e7b1be6c06394c2', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
+        return (h("div", { key: '2d5faecf29b48987f9978280694c27b1703e6dc1' }, h("h1", { key: '7791841905903a7ad47b6fb80d0ff4d0e8a85569' }, "Tag Example"), h("div", { key: 'cdfbfcf2fe14b735393df55c9aeade2ac6dea4a4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '689862db863734dc446957ea36ad59df91509c4b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '364fb2e705836cd8c71f44337d5c138afefe637f', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -11,7 +11,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'd8b40c4887c326747f1e8bf9a8c8fd9789aef501', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'f00e12c6c3b72bb1898cf62aa8081d1aba9e45dc', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -21,7 +21,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '04a4b44620a810887b9990a317417492d8f20fba', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: 'f448918589b34ecf323fd75f72dbc35d94fd3ee7', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -31,7 +31,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '8c6054310c24aaac0dcd1f7aff3679fe244fffd4', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: 'a0ee63ae3b672fa7d6ef224f2e94587dd4974f1c', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -41,7 +41,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '2ed07a4a614ebe6c40647cd5ea813db3bc33ecd4', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: '094d61d018c796493758f8786d05dc57844f1e4d', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -51,7 +51,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '70b566b117528e3b285b769b2d69eda5774ba0b2', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '831244824b1f2286106f07c7ff9fb4b4f923fa9e', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -61,7 +61,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '534a87717e9b48f4fa978bb68bf0ff6589610e7f', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
+            } }), h("dga-tag", { key: '8cc978ae3acb3fd0f81caaea5f691782d4f67959', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -71,7 +71,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '91a0275751e3bebf92e7f61a25170d9615e5366a', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
+            } }), h("dga-tag", { key: 'de7e29b569ea05c60f8dde2fd7e44d4151df8fcd', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -81,7 +81,7 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'a375c21d32b08f7d60f15d304e9154520a1f2a69', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
+            } }), h("dga-tag", { key: '114cb04f320f6c6e3652925eaeba336e20ec6992', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
@@ -91,22 +91,22 @@ export class DgaTagUsage {
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } })), h("div", { key: 'd604f8a0219de48276167cabf38b7c08fe5c1beb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'cd897bcd07b0bbeb57962a12a935e802d06bc563', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } })), h("div", { key: '28d3e456b7af0a06aac8c4ccc710943081e10f8a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '4213f09b271fc43f105ec928f2bc71eeafa21bba', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: 'c946a6f0267f61527c6163823a856862b9c08e9d', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '717be0d6c825e70fd186c29254c7e6a098efa49d', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-tag", { key: '7c00442e4e22fc8d05d5b55fb242a29f91b56f73', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
+            } }), h("dga-tag", { key: '82d59c17f7efe6dca32c26502a9a8b83ee824dd6', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                 name: "alert-02",
                 type: "rounded",
                 variant: "stroke",
                 size: 16
-            } }), h("dga-status-tag", { key: 'b480425e51c509b46c2adf2be8f2c9176fe6151a', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '93fe1a247a3fd9857b35270178e00622cdd09e2a', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '0c41efa2767625c85e74158fc8a99d16025f020d', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '06ab85a65a83544212e8a6580f25225954287198', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '50db926fffe424ebbf54885ab6823743249ee2fc', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '3b269d185b145fba9b14ce7ff27125924b536ae1', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '06ad67dc8231a94c7212064f71d1dcb23e55a384', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '02fe1ba87e2a6d04e6a150e89a4d5089c5294941', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '2ef59dd96bdefde14543c6d22824f0aed500e381', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '02f7c36b9c1249905c2de0a025dc5c5a7d9bbcbf', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'd8091fd7ca181b4eeb5be23587721dd288fcca4a', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'c4c02d5a96dcfc04e2fd000c385f3cda13f0f9be', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '56d75dc3126345595ec7e929fea84f27ff19b9e7', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '08d3e52bbe1f4c3eb00ed7a0436f50d2cc719dcf', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '1b77e47cb0120fbe039b67f3cdd8505faad46a4e', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'e9afd4e7922d7edb59301a54e90f5e5d49b3ee26', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '68a51e0ba4a77dfc5b3909dd316a6be48c1e74e4', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'aff60c33d7bbdcf3ea27d87cb44c93db9ac20a4f', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '35f1d65f84faacfe565016967b671a815d094c13', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'ea9725f96ab2652ccd49380b702bd3085243d200', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '74ec267d1c1e5dcf1e284f7667c82180bfaa44fd', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '8221e06affda418ca60606a6b29c9074ec0a44d2', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd853cf7734199821df4ca6a4d2fe7dcca79e1fbf', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b6c4d1abef2afb4e658513cd068d212436f02c9a', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '1eafde54157635bf198140474be7bc3c3d8d5216', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '9e5b67f79d678ca7947bd143f52f936227227503', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '3e33ce67019365e02fa127acce9d912c71b21a59', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '317eea36c092d44cf9a2b46ece036ba971426f9e', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '5daa6ae56e7072d3330d6bce922aaafa59b68966', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '9c5cf86f6b157be9342071a7f4212089940286a1', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '7ad83afa441ab44352f936cec4ecfaf42e07f051', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '63136a65a2c8f1da5239da4e200c6e20d6f19f7e', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '49e7b25dd771423010d4accd7bb4524c9939eb6f', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'b81fadeeb7bff729f002267e43a867fecbc1a48a', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '5234f645c59e171c16944d0b9d79a2b8224c3034', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'eacb3e7c31a56f22f29a1ed9c6b2462d2c7921d8', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '760b6c07eea03b8ed08eaab6e4dd4519b0a97406', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '57317dea39abc69bbe2de453323bb316390a54b1', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '7326ec806d7dacf8bc97a8a5120f5700a0fd7c0a', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '01aceaa980a4cf48ec9b6c891482380217c2b459', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'af58a7953e9a4525578d404a25447caee28e1a83', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '559da5dba333b2a6d4ced85626f52fd1f217f549', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'd630ccfbbfda7c95cf2fa23bf5af9572834d7a4d', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'af413e47e2d6814d2cd4e4fc3ae3a661346a821b', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0faae6c54703f2ab6f8846236eb92ae252675698', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
+            } }), h("dga-status-tag", { key: '5856905a86820e365b2a51688840b3f0cbfe9f83', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '1c9a05ae1ad78fb7a3b628d36677a75c976c4d11', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '159898608e802c1853e6090d2c5ff806426b8154', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '41f069b6fea1f5133fb014bfe6d06848726311a1', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd842d04baea7065897a26c92e4e49c84232942fd', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '08eadf62530206318d861af0d5caa3dbd17dbf65', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '53ce7f7ed4cdbfc7001dd443d028c5c2029a69aa', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'b297a60d38db0a08a2b0d5e4d2b94335aad79fb7', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0b7bd94d86a540e9d886bdf34212eaf9ecf14b98', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '33f2c21fe948730ec386b2ba3c3dd87bc67897dc', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '867067457ce8efb89e0bd679f45ff152dc49d7a7', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'b9dc6a36d5813f48802def608bcdb61cbf3a555f', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '0da6fae726457cc63fb0bc45f06fb4d386d23d2b', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '3f0d09d714caff50eae6b0ef65c473b61a6406f4', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'e0f539515b6001ff29b2cf7512322b093f339f49', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '003a2f54b6c1a40227e8ec20808f03c3834b96a9', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '4e7f2c0c2680da944f06086d55e34466d659d743', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'b756a0741b91d6362b0417a750fba2e09c9106cc', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '640ee0a560e779c9a8d8ad4e2b40c722d82d635f', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: 'a6cfb53afa7cb1bf9bcb9475ce0bb93ba8e79a9a', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '0b62d98559cb305c7b3fde84e43e9a819b4a8794', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'e17eafa6e5608d156e2062731cde17e9237e3f7f', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'b0a8966b48bd2d08b904919322830ea6d7087289', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '9c22ec567718cb975c5c93ca8a0e0130cbd0cca4', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: 'a4b396a9557df98214bf476cbfbae9fe4dec2c9e', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'dab8f23b09d130398243988dbdb708a613038600', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '1691bd1c435291e6a6091507ffbf086e8dc2184f', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '7d9feb5ae62bbc17c28fb6cc66c92355bb38b4fc', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '947fe11aee275b700abd43615593638c1eafd16e', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '1dfccfd91b0e427e1a05cf7caae4e69220cea753', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '914f288fddf88a642a6150a69db3f6b78c474831', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'f37a6ca9b5a37ea42f4acb723e292f1b47706833', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'b00ddf3742905e9dd357d74bbc34031d299e3ba4', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '66aff91aff56b1c9773cf3eb421cc3520b726015', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '6b9efc67db44b01adcafe825a9bf5ad0cc9fdfce', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '2fe0eb189d37fd75f76ff2f6f113d9a1c785c2b5', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'e73f35dc4fb57b2a805f5aee41ef8ff539b25ea3', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '548a652d676ec20c1976c2bc7950017181b2e375', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '4fd8faa9e6f60d4e1365b367d1ba3e7960b4a416', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'd9d8985576839d0a854a2c289f4b3d18561252ad', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '33b240bcd235400edd358ad6ea70440f027f11e4', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '43a93ed9d902a95d4d2855f5e06678f2341d34ca', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '96451489cc0c73ad0602db2f70327054d961715b', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '753e139f57f55767803ec3fb1c171f422d19fcfd', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '6c885dbc7ebf5223c29d5839cdfe9ab3f7192bf4', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
     }
     static get is() { return "dga-tag-usage"; }
 }

package/dist/collection/usage/dga-text-input-usage.js

@@ -4,9 +4,9 @@ export class DgaTextInputUsage {
         this.value = 'Text Input Example';
     }
     render() {
-        return (h("div", { key: '9e50541c9ece3f86f82c36b9f202e451969f14a9' }, h("h1", { key: '367d4125d90197f01998608cdadf4a8515166d24' }, "Text Input Example"), h("div", { key: '397f37511d96795fcb7935662fc3729bc174571e', style: { padding: '50px' } }, h("div", { key: '45b30389eb16b50aad3dbdd45999f4a5abf141cb', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: '01718a8a546236e747f374f975827994c96d7892', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: '2d4de25a7236d14b277e8ba93420bf63534a90d5' }, this.value), h("dga-text-input", { key: 'cff99b2b1be2e1b10b004499f82c41092c0889bb', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: 'dbafc70192e2e54f7e4717b2ef4ee5c51edfa66d', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: '9e991388afa1f77e7870cb4b0ae8ce5846a8b5a8', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: '4d7c9954686dc2aa204b678ab44d6e478530546e', type: "button", variant: "solid",
+        return (h("div", { key: '9452e3df29178ef2d51b08138e730dca152b6840' }, h("h1", { key: '6ef0a9a5fa65153bba5ee70fe9f613daa106dbb2' }, "Text Input Example"), h("div", { key: '47c3a94a22f059292ea8cb008a9c6e171dffff4e', style: { padding: '50px' } }, h("div", { key: 'a9154d1b74b7823b512a8f5bbe595a9872437e84', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("input", { key: 'd53ca1134429e6ce27c78762acc344b822717d2f', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), h("p", { key: 'ca4ee73291da6dfe391d9b8e43587210c90af583' }, this.value), h("dga-text-input", { key: '27c4d29f81df1d6d7391e65c65f96632221c99a3', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), h("dga-text-input", { key: 'd14f329253581f1e1ccbd70f30ec3afbdf5dde4b', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), h("dga-text-input", { key: '4092fb8baa54e0ff72cf1821ebe644c7106bffc7', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, h("dga-prefix", { key: '8fb4cd53adb593c9814c853e047f9094afaf1de0', type: "button", variant: "solid",
             // label="Button Label"
-            icon: { name: 'search-01' } })), h("dga-label", { key: 'e840002712d05414c55efa60a3a0cd01c9e07fc3', label: "Mandatory Text Input" }), h("dga-label", { key: 'bd17d9d4028ada700a5883b682bb2de53911a256', label: "Mandatory Text Input", required: true })))));
+            icon: { name: 'search-01' } })), h("dga-label", { key: '914ddc97e223acf89f27f8f149e45b4d995f0042', label: "Mandatory Text Input" }), h("dga-label", { key: 'cb911b5e5bd049565544b34afbad5154e1f55873', label: "Mandatory Text Input", required: true })))));
     }
     static get is() { return "dga-text-input-usage"; }
     static get states() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaTextareaUsage {
     render() {
-        return (h("div", { key: '085433c00706964b9ae253f1a087169e960577c4' }, h("h1", { key: '546d66f99f0e85b1bfe69bf9498c98246546a115' }, "Textarea Example"), h("div", { key: '6c40fa2d47c0a8213279e54a8c0a5646b61af739', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '07aa789b0ecae28ff67ecea047ebdd0b4071fc77', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '39f3f7cfd6c428cdb2ee7edd62154059817d76e5', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: '61c9418493c621208e94a692986550827926db0d', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '5fe0748ab6578840f292d38c95c33406e2ac7280', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '748625590a5502649b3f9702bcc3194685650481' }, h("h1", { key: 'fcce936a711f31ed2398006f0c9a7f4b51693de3' }, "Textarea Example"), h("div", { key: '0f5ad2ee8329cd185749f2d25988a8b7a0edec1a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a80a3c37b040b684d958479a671b6f4389939f11', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-textarea", { key: '9b30321514486269bbbd7158ca91904403ee9363', label: "Label", placeholder: "Placeholder...", scrollbar: true, readonly: true }), h("dga-textarea", { key: '2af70954e218755f015486f0c9295fd5678302d1', placeholder: "Placeholder...", scrollbar: true })), h("div", { key: '4a905c203029c8ee581cf35d7fa85b2eef05fc7a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-textarea-usage"; }
 }

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

@@ -4,11 +4,11 @@ export class DgaTooltipUsage {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '4317c5dedea6bd67a3c2a011367d43546bba8bf6' }, h("h1", { key: 'c02b720a04b2b652657bfb8ece9c0ec22238e47f' }, "Tooltip Example"), h("div", { key: '60d0adff535ed37a4b0c874657212aef210bbd0f', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '3f8ca32084a46b31c1972376047aa6ad3f917111', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '099fcf4c05586a0289c526dc8e51f85add9fd91e', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
+        return (h("div", { key: '5fa97a5a1ec0ca3445d91d32eff49ba7c559f9cc' }, h("h1", { key: '50a4a4e2090f531eb677944a6fbf0e6cc82f0059' }, "Tooltip Example"), h("div", { key: 'a3dcb05555faf75a32173849cdd2139f318e7559', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '7359e9b5472e95bae89508060a00019d8d9457ab', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-tooltip", { key: '2f45d12a246c9afcb666c2a1e96a0d872a2cba73', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
                 type: "error-!",
                 style: "container",
                 size: 24
-            } }, "Hello")), h("div", { key: '16e1f74e9b72038d08e570cabe2004fbf9b982fe', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+            } }, "Hello")), h("div", { key: '73e0f4506321c5fce60f0c9c46cc02057b2de39b', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
     static get is() { return "dga-tooltip-usage"; }
     static get states() {

package/dist/components/date-cell.js

@@ -1,4 +1,4 @@
-import { D as DateCell$1, d as defineCustomElement$1 } from './p-BfkakbtL.js';
+import { D as DateCell$1, d as defineCustomElement$1 } from './p-BUKkxyIA.js';
 
 const DateCell = DateCell$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$3 } from './p-B5k-rTM_.js';
-import { d as defineCustomElement$2 } from './p-DiC-xcof.js';
+import { d as defineCustomElement$3 } from './p-Dx89BkDF.js';
+import { d as defineCustomElement$2 } from './p-DN3DJd5E.js';
 
 const DgaAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaAccordionUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const DgaAccordionUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaAccordionU
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '02eadfaab25cf68abace1773b18cc864bcf3fd9c' }, h("h1", { key: '22a66360020bea08232618dfb4dc3477986849a2' }, "Accordion Example"), h("div", { key: 'a687cc0b114d82f12065c071064a5a160f6c55e5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ff85d0ef9c8650d3f9cf211870a9988d18e46f70', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: 'ceee185f13b60d97dcbfa679e8617b29a0f912ef', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: '02a5f57dc5fe518e3c52daef7d3ef796ff692e34', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: '11b298a141f278ff298bf61889cc0bd1adb6a421', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '476d65ff2509e815d0f6c0b4a254b9f361956497', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: 'fb56f87536bc487854a5a23d8fe321860e526be0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'deb171b69692cb63f0c3d4b134799d654076d050' }, h("h1", { key: '6c7bcc0a7205367a4995d8d66ccf057f8f735d39' }, "Accordion Example"), h("div", { key: '695d6710d2146a4d276567c5a30846209b64a3e0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '52fdc14e2fd9825785a55cfe1e715e825d2d0e02', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: 'ec562f14fd77382fd02e662a6fbbee2df0052899', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: '17c72b6fc9e9babbbfa5b553a5b55c1e5c1e2bfc', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: '5c2b25315b4acb9fe7d65345e7136b0c5cc68366', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '462694366330e684801e5270227c4c6e64b2527b', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: 'd35b5b87d06feeb98bd806c33b615bc291f54092', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-accordion-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-accordion.js

@@ -1,4 +1,4 @@
-import { D as DgaAccordion$1, d as defineCustomElement$1 } from './p-B5k-rTM_.js';
+import { D as DgaAccordion$1, d as defineCustomElement$1 } from './p-Dx89BkDF.js';
 
 const DgaAccordion = DgaAccordion$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-action-menu.js

@@ -1,4 +1,4 @@
-import { D as DgaActionMenu$1, d as defineCustomElement$1 } from './p-ChprUcq3.js';
+import { D as DgaActionMenu$1, d as defineCustomElement$1 } from './p-CHOap6Ft.js';
 
 const DgaActionMenu = DgaActionMenu$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -6,7 +6,7 @@ const DgaApexChartUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaApexChartU
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'd8e11dbb40b4eda1de52c3b668181d5181885666' }, h("h1", { key: '95a5b70480098889e82e5a44cd24558fb2fe155a' }, "Accordion Example"), h("div", { key: 'a3bd6167610b190f80b7eece4b1cb7f4ac3c879b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5fe76b422b41d1cf54f263dae91d3db0f1bf0cbb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '29c5ae651dd4f33816dd1e75429142bce07c2cc2', id: "timeline-chart", options: {
+        return (h("div", { key: 'd18b5ef8888e2b79c480b596187a6c513303e7ef' }, h("h1", { key: '5af812496c772999a911a04718f9eac4cb2126d2' }, "Accordion Example"), h("div", { key: '6c251a3d6dfebdfe0dc9f1018594f85f5d4c61f7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd0f176557ad9f30e4f0725ddca87a2c7d60baa02', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: 'c2b2e4b3bb6061436123a1456f0ac90a2d5dc74c', id: "timeline-chart", options: {
                 annotations: {
                     yaxis: [
                         {

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

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

package/dist/components/dga-avatar.js

@@ -1,4 +1,4 @@
-import { D as DgaAvatar$1, d as defineCustomElement$1 } from './p-DOYNwn5Q.js';
+import { D as DgaAvatar$1, d as defineCustomElement$1 } from './p-DVUb8Tt4.js';
 
 const DgaAvatar = DgaAvatar$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$4 } from './p-B3iw3nGg.js';
-import { d as defineCustomElement$3 } from './p-DiC-xcof.js';
+import { d as defineCustomElement$4 } from './p-Cj4yhuJ9.js';
+import { d as defineCustomElement$3 } from './p-DN3DJd5E.js';
 import { d as defineCustomElement$2 } from './p-Dh42HLiJ.js';
 
 const DgaBreadcrumbsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaBreadcrumbsUsage extends H {
@@ -10,7 +10,7 @@ const DgaBreadcrumbsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaBreadcru
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '8669ba06ab3802681383f8f7425ed0bd5805cbcc' }, h("h1", { key: 'c501620b7c8c5d63ec7c0dee2b7c0289bec49df4' }, "Breadcrumbs Example"), h("div", { key: '27e421b15933855c348feb74bc8cc4892eea4c67', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a57fa679ce91ffb6285ad75b13a7dbb7f6b6a1db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'a45794487c3d0ea96ff17f1c770eadcd9e0f463e', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: '9873d2401cd89a2d72dd5ab51675d216de942141', items: [
+        return (h("div", { key: '44bda33bc39a374cf77706c91cceefc24fe94c90' }, h("h1", { key: 'd66d37fa7491528933a433002a079eb31c08dfdb' }, "Breadcrumbs Example"), h("div", { key: '733e8c82c23d16d9b40b81e28d4abbaac2b388bd', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '241e9274dfb9e6dc4016b847bdd4074fc128e62d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '72b9505073ac5998731071f698a0cbc6160d9947', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'c157e9c59c857e9bbbc75a7adbea2caa93daabec', items: [
                 {
                     label: 'Home',
                     path: '/',
@@ -28,7 +28,7 @@ const DgaBreadcrumbsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaBreadcru
                     label: 'Keyboards',
                     path: '/products/keyboards',
                 },
-            ], max: 3 })), h("div", { key: '4660dbb38aa8a0a186bf94107285eb907bfaeac7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], max: 3 })), h("div", { key: 'a5aed8b745081cb100e2766e0a69750f394226cf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-breadcrumbs-usage", {
         "variant": [32]

package/dist/components/dga-breadcrumbs.js

@@ -1,4 +1,4 @@
-import { D as DgaBreadcrumbs$1, d as defineCustomElement$1 } from './p-B3iw3nGg.js';
+import { D as DgaBreadcrumbs$1, d as defineCustomElement$1 } from './p-Cj4yhuJ9.js';
 
 const DgaBreadcrumbs = DgaBreadcrumbs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-button-leading-icon.js

@@ -1,4 +1,4 @@
-import { D as DgaButtonLeadingIcon$1, d as defineCustomElement$1 } from './p-B33M_3MT.js';
+import { D as DgaButtonLeadingIcon$1, d as defineCustomElement$1 } from './p-t2gkYg4G.js';
 
 const DgaButtonLeadingIcon = DgaButtonLeadingIcon$1;
 const defineCustomElement = defineCustomElement$1;