@platformscode/core 0.0.48 → 0.0.50

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

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$2 } from './p-LRM86WYo.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$2 } from './p-Dk4oZVge.js';
 
 const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage extends H {
     constructor() {
@@ -7,10 +7,10 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'b183f6a63886079b1f78da3414e78f85224016e2' }, h("h1", { key: '29658660d7a7907d2a0d467fd0e6bfdbd0b1623e' }, "Divider Example"), h("div", { key: '6a1a54ff4a47c91810b93c14114c0dbcc4393f8c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e03e88ea6ff950ad78921ef4fb14fce878c1fb6f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'be28b8716c9465313f82ff5892e912f5012d0674', style: {
+        return (h("div", { key: '9ce760dff89a284334d382aedb68818bc79041be' }, h("h1", { key: '061802988ab3ecbd30c63ed4d2b5aa572101cd04' }, "Divider Example"), h("div", { key: 'dae434feae45a01fbc96bd91a2c812bf60f074b1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e9542dc7024428bcc2921878d5031d0ee8b30bba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e3479f78388dd9fa2d857046cccf1be3bb2a8f36', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '51fcd0563bc5dfa74d680de1c15e8a333247f6fa', style: {
+            } }, h("div", { key: 'dfc17e80a6a74ec565f6c66379c9c39428778764', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -18,7 +18,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '641fc3fab4d421245192045180edcb9b10790ac9', color: "neutral" }), h("dga-divider", { key: '5fbb34ee5f18b504b5af2a069b1e5e727efc6468', color: "primary" })), h("div", { key: 'b335b33641bdd43e41ed83344bf2cfe6b52aa1b6', style: {
+            } }, h("dga-divider", { key: '750acadb195b36f775d59ea34129e889b8d4747b', color: "neutral" }), h("dga-divider", { key: 'f0036a98f739db3611a335f85ecd110657ff6b97', color: "primary" })), h("div", { key: '491d19a7f126e28f08c0ebaad3455e2452d2ab7d', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -26,7 +26,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '5ed6445ab46c715cbf6f982405660f05f2782198', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'c7ec2bd1dfb6249c9d12ce51f8399de7aa359325', color: "primary", orientation: 'vertical' })), h("div", { key: '59e332318c1c0564b05dce128e503f1ca5930c27', style: {
+            } }, h("dga-divider", { key: '0704fecc802358dcd2e97720ea040c2630ec0ec9', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'd48c838831e39ee2f530e450af609381fcdac7d8', color: "primary", orientation: 'vertical' })), h("div", { key: '869175ec79f62058493abc4f5f74f296bf587b60', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -34,7 +34,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'afc344dcfb76fd8ee450438ebb82a6aa1016dcb8', color: "alpha-white" }), h("dga-divider", { key: '6566e3ea4c3f4a939a94770f63ba6c10215b8b1a', color: "white" })), h("div", { key: '0afae7044358c1c6162b8a0d755a633857230ee2', style: {
+            } }, h("dga-divider", { key: 'b5c181497e984d90c6285738dec3205a60f33af7', color: "alpha-white" }), h("dga-divider", { key: 'edba17a6608d63870d59e2b1dc7a281ba8017f24', color: "white" })), h("div", { key: '8dbc94c5035f62229ef2342945c903b711230150', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -42,7 +42,7 @@ const DgaDividerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDividerUsage
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '36ce62941446c5a268f0ba9aa10e46b289442a9e', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '59701f2a5c33f4b55d714c4a5163675c03cd186d', color: "white", orientation: 'vertical' })))), h("div", { key: '566c30741622a3c00e5a8248857af438db15e19a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: '4f35c507b82b501ec9b089096990a691e408351f', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '5e38f39eb7c173c2995bee3107a2f8255d78e31f', color: "white", orientation: 'vertical' })))), h("div", { key: '323801ad3a7764188445e09a1765cc5942f3a565', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-divider-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-divider.js

@@ -1,4 +1,4 @@
-import { D as DgaDivider$1, d as defineCustomElement$1 } from './p-LRM86WYo.js';
+import { D as DgaDivider$1, d as defineCustomElement$1 } from './p-Dk4oZVge.js';
 
 const DgaDivider = DgaDivider$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$8 } from './p-D2ALvzBo.js';
-import { d as defineCustomElement$7 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$6 } from './p-DrQmUE55.js';
-import { d as defineCustomElement$5 } from './p-bFSzOpoS.js';
-import { d as defineCustomElement$4 } from './p-Cj0T9u87.js';
-import { d as defineCustomElement$3 } from './p-ChKjxePf.js';
-import { d as defineCustomElement$2 } from './p-CbuTUOE1.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$8 } from './p-DYnJUtXI.js';
+import { d as defineCustomElement$7 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$6 } from './p-YnYHk7bt.js';
+import { d as defineCustomElement$5 } from './p-CHeHQfrt.js';
+import { d as defineCustomElement$4 } from './p-BtZloQh1.js';
+import { d as defineCustomElement$3 } from './p-Q-XrGzcM.js';
+import { d as defineCustomElement$2 } from './p-D1BB-kah.js';
 
 // import { IRoute } from './dga-drawer';
 const SidePanelRoutes = [
@@ -275,12 +275,12 @@ const DgaDrawerUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDrawerUsage e
         this.open = false;
     }
     render() {
-        return (h("div", { key: '5296334bff00b454ef1592e3b77c43f27b46c476' }, h("h1", { key: '4310cb73bc00aaebe3f965c91b045ef8080333c9' }, "Drawer Example"), h("div", { key: '45e67c4b0b0ff2d9958852f31096f2c41f94c2a8', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: 'bd083fc52f13828383d1daa89cca86a57764094a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '244ba17c98441b767cb2a65cae279da4d8d97ea4', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '3f14e11c44b5aef75b51867d236958ce8581e31f', onClick: () => this.open = true }, "open"), h("button", { key: '26ad08b50422837ab46d44e8dc812d4785e14938', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '9941e9710402590447457831bc2ae7298c959004', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: '6d9a75684ba3a62978d0a5ff39a492d011cbe785' }, h("h1", { key: '49d3d73e8db3ac69ce97786e8235288a46c2a592' }, "Drawer Example"), h("div", { key: '26c471c159d8532aa0b23ed48fc43f72e73da6a8', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '6b68f920b63f75285625aac035a07dabb5cba3b2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f44c65955e3faa77a009130f0dffdcd90131d9eb', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'cac2d1baae57e263a7c1bb7fa74aca8b356b12b5', onClick: () => this.open = true }, "open"), h("button", { key: '2e87d5236d5ad00b3b4feb18af0cde06f7997d14', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '6ed23ca808e47d96fcf4dde421644acce956d3dc', 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: '320ca63e54c8a1b3af4341338005eb849d19a9b1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '18757bfa3f8b656cbb5898d83ffcf4a97be34b1b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-drawer-usage", {
         "variant": [32],

package/dist/components/dga-drawer.js

@@ -1,4 +1,4 @@
-import { D as DgaDrawer$1, d as defineCustomElement$1 } from './p-D2ALvzBo.js';
+import { D as DgaDrawer$1, d as defineCustomElement$1 } from './p-DYnJUtXI.js';
 
 const DgaDrawer = DgaDrawer$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$5 } from './p-CcKCI16B.js';
-import { d as defineCustomElement$4 } from './p-DN8e5dPG.js';
-import { d as defineCustomElement$3 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$2 } from './p-BFJKvClv.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$5 } from './p-CwFPFjba.js';
+import { d as defineCustomElement$4 } from './p-BAdxHiJ0.js';
+import { d as defineCustomElement$3 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$2 } from './p-Baww4Hli.js';
 
 const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsage extends H {
     constructor() {
@@ -12,7 +12,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
         this.selectedValue = 'Option-1';
     }
     render() {
-        return (h("div", { key: 'ec42a1002059f158316ed40c7af4a346e669dd5b' }, h("h1", { key: 'b9a481da0120ec1c4a8dc6f5734ee953c3f36a80' }, "Dropdown Example"), h("div", { key: '3ae77a41aa7d597a697a0c066f7ef164e2a5d0f0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f754807d8faccfbdacb5306e5932f03419897ee2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '041a1ebd0b6e67858fe1db2f3af8ba0620acb242', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: 'd5c7c751434bab47c4090661de9960f6d72ac895' }, h("h1", { key: '7429f907839c2f6ecfd6005020c177c2232b2057' }, "Dropdown Example"), h("div", { key: '3396f8275bde33ed4406a0b0a066a7616b7fef82', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c207b4da23a291b591298f02e4576039dd4d472e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: 'f71a19323024a83d27f1c9fd875fe81a0255c8cc', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
                 {
                     label: 'Netherlands Antiles',
                     value: 'Option-1',
@@ -25,7 +25,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option 3',
                     value: 'Option-3',
                 },
-            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'cbbedc4beb0d5acba83f7fabd1479ce859f50d1e', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'd25671d29a4a8f81de078ce9e55cf7ddd6766913', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -42,7 +42,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '14ddf7ef20d38902ace275a7f44cf6296672385d', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '8e45432bd23e39c9e2150b2e0950145e364e9b5f', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -59,7 +59,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '88c24de208ffd97a4873cc1167707b1f0e069ba4', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: 'fc9bb0ec277351b0a6b56294fe5aa89fb55fb9d6', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -93,7 +93,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }))), h("dga-dropdown", { key: '95dda8d82d960a6d359c8c76ba00f9639595a238', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: '65a2d7e33d70997ceac98e399c21291e50d4e6e1', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -110,7 +110,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] })), h("div", { key: 'a8560806359cf8e32db6729c0bd10b2cc69986fe', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: '7d0732bd74fa5f20403fb1712eae99bec360c648', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-dropdown-usage", {
         "activeStep": [32],

package/dist/components/dga-dropdown.js

@@ -1,4 +1,4 @@
-import { D as DgaDropdown$1, d as defineCustomElement$1 } from './p-DN8e5dPG.js';
+import { D as DgaDropdown$1, d as defineCustomElement$1 } from './p-BAdxHiJ0.js';
 
 const DgaDropdown = DgaDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-featured-icon-usage.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { g as guid, d as defineCustomElement$2 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$3 } from './p-BSqwMjy-.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { g as guid, d as defineCustomElement$2 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$3 } from './p-CgT9rr1E.js';
 
 const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeaturedIconUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'd2398a7f8d850eea24f9b67e9234918e9cf84073' }, h("h1", { key: '50d6833821ec21ef38973236ec5ae087d6c083d1' }, "Featured Icon Example"), h("div", { key: 'c0ba0479cc4e293306f639933608a825ee6f1a43', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'dea0647a50118c137a4d63cb3df43fae3352aa23', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+        return (h("div", { key: 'ce477c5ddbb6db152695daace568c3b0f917fd2c' }, h("h1", { key: '4171e9e048bc41bb1fe842a2e0b3fb1e0315a454' }, "Featured Icon Example"), h("div", { key: '89700f3e3bf27ef43dcb37859e8cbb9841d31cca', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '1a998b2a7c5718a8421fcd63977d81d89bcb7fec', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -34,7 +34,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '77e148b413a730ccf5664452e7d35b9e6057f4d1', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '43f75699e56f715760c0b20bf85aa681f7dce59a', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -59,7 +59,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '7bd7de988c830ecfa7a658b116312671bd1e47bc', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '95d624b7cccfa2fdf0110e9c644351fe0f99cd41', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -84,7 +84,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '39bb916961a0291c58b2b0d15c273f24d7d447b4', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '9a4439cd7b74f80f59a42a6925751d831fc11cc5', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -109,7 +109,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '496c7d5dd6eb0e000751f09118ca8680d536e4f2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'f73ab53870ce52a001d132d0b0295919483a82c3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -134,7 +134,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '291ef770aea36776e68fc12899271c9411e94e18', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '526dd6d47e6d0e302c320c08f80c4c5b5c974cff', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",
@@ -159,7 +159,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant }))))), h("div", { key: '7d567b1ef65021284616777960726e4253ba3d48', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'cf1335c1622bde0406abe3c0e78309512b60a6ad', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant }))))), h("div", { key: '6aa19bf9bfd764653be165ffbbffe122d92728e8', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '5f6b54ea15bd2ed7d62efb53f728713d013de892', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -184,7 +184,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '01d08fb25e7cb04d7de74256e80eb85685a533aa', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '321f12bf097f76c4036d0e7ee870fe2559642662', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -209,7 +209,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'af7c1088a6187c1fcf9d89a3cca9538dc6f96ac5', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '10fe84f8e6d59b68d573b4cd9d7452d49f870320', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -234,7 +234,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'cb2eb98a4fac35137a49abdb60c80234ab2b392e', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'a11455a6df804bc92c1b06ae7b71e3da3e0dc76b', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -259,7 +259,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '703ed41cdc9d9a016e80e64c926a16c6ef862fef', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '30d442c4694db1edb26a1f6f2d484536439c58e2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -284,7 +284,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '1ead7e1a280026c2f58c71d6b0144023cf4a9123', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'e6c45a2b4bcf3fba7fb9f1bec3494d228a597e12', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",

package/dist/components/dga-featured-icon.js

@@ -1,4 +1,4 @@
-import { D as DgaFeaturedIcon$1, d as defineCustomElement$1 } from './p-BSqwMjy-.js';
+import { D as DgaFeaturedIcon$1, d as defineCustomElement$1 } from './p-CgT9rr1E.js';
 
 const DgaFeaturedIcon = DgaFeaturedIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-feedback-icon-usage.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
 
 const DgaFeedbackIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeedbackIconUsage extends H {
     constructor() {
@@ -7,7 +7,7 @@ const DgaFeedbackIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeedbac
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: 'd7f2ee760734fcb17c97395f4edc58568751bed5' }, h("h1", { key: '36f19e39bdee8bcc159baa37e28b820c1996c47c' }, "Search Box Example"), h("div", { key: '685e1d59c31bd462c446378b85def73f1c5503aa', style: { padding: '50px' } }, h("div", { key: '9ea717048dfa505b96007a3fdfd37cc4985faefb', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
+        return (h("div", { key: '615b51fc7247d64779bd95f1038a6600d8dfe9c4' }, h("h1", { key: '96f000136cf7baca61d3206f8716a9735dba606a' }, "Search Box Example"), h("div", { key: 'eae9fb5e86179e1001abae46543f38e560e23c4a', style: { padding: '50px' } }, h("div", { key: '190ae2034fd29bf0ba3164790d8252755366f86f', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
     }
 }, [0, "dga-feedback-icon-usage", {
         "value": [32]

package/dist/components/dga-feedback-icon.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$2 } from './p-BbGtTx5_.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$2 } from './p-CDMKY2c-.js';
 
 const dgaFeedbackIconCss = "";
 

package/dist/components/dga-file-upload-usage.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$5 } from './p-Ibpu9_Iz.js';
-import { d as defineCustomElement$4 } from './p-FMVaetlM.js';
-import { d as defineCustomElement$3 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$2 } from './p-gfrHUWdv.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$5 } from './p-DcvmZQlW.js';
+import { d as defineCustomElement$4 } from './p-CA2ar_je.js';
+import { d as defineCustomElement$3 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$2 } from './p-6QvzwII5.js';
 
 const DgaFileUploadUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFileUploadUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaFileUploadUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFileUploa
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'a33c3ff34062da1367858638d14f621ef2641753' }, h("h1", { key: '0d3e3c387ad4f4f6171969869a80c6afa35e6147' }, "File Upload Example"), h("div", { key: 'f4a21e68d08a0da086113ae44c892efd07755896', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '3e50095fe1d8e5450eb83b4314c7b2bc8c4f4419', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: '24401073de0eeb17df155615f9944c6ad5c54f43' })), h("div", { key: '31fc03e3c336b56daa68eb09f26f0be3d6774924', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: 'af1c443f53967bb37ba7def816f0da3f09f9af19' }, h("h1", { key: '967658803fe7da8969c70e2a586fefaeae38b8c7' }, "File Upload Example"), h("div", { key: 'ec7578d4b387aed891709cb89ce28f1a1e1e5453', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b45995c48d0bb445dcabed9ebfe439bbd1deb0c7', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: '72b377b73a7b447682b139e61ac8f386ea937d7a' })), h("div", { key: '372ad2ef199d830ced0405e9a47f5393c6779114', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 }, [0, "dga-file-upload-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-file-upload.js

@@ -1,4 +1,4 @@
-import { D as DgaFileUpload$1, d as defineCustomElement$1 } from './p-FMVaetlM.js';
+import { D as DgaFileUpload$1, d as defineCustomElement$1 } from './p-CA2ar_je.js';
 
 const DgaFileUpload = DgaFileUpload$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$b } from './p-Ibpu9_Iz.js';
-import { d as defineCustomElement$a } from './p-CcKCI16B.js';
-import { d as defineCustomElement$9 } from './p-DFc6YEAq.js';
-import { d as defineCustomElement$8 } from './p-BrDpsYbA.js';
-import { d as defineCustomElement$7 } from './p-D31usNN3.js';
-import { d as defineCustomElement$6 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$5 } from './p-BFJKvClv.js';
-import { d as defineCustomElement$4 } from './p-tw2HcrSM.js';
-import { d as defineCustomElement$3 } from './p-Df-edIyX.js';
-import { d as defineCustomElement$2 } from './p-taruOGnO.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$b } from './p-DcvmZQlW.js';
+import { d as defineCustomElement$a } from './p-CwFPFjba.js';
+import { d as defineCustomElement$9 } from './p-Be8NBFfg.js';
+import { d as defineCustomElement$8 } from './p-C3TwkwNP.js';
+import { d as defineCustomElement$7 } from './p-B_CKQpN8.js';
+import { d as defineCustomElement$6 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$5 } from './p-Baww4Hli.js';
+import { d as defineCustomElement$4 } from './p-BdC9G5yq.js';
+import { d as defineCustomElement$3 } from './p-Bml5Fqkq.js';
+import { d as defineCustomElement$2 } from './p-BgOL_zV2.js';
 
 const DgaFilterationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFilterationUsage extends H {
     constructor() {
@@ -128,7 +128,7 @@ const DgaFilterationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFilterat
         };
     }
     render() {
-        return (h("div", { key: '8dd8af90ee12706190bed2adc06e070cecac8011', class: "filteration-usage" }, h("h2", { key: '2d2785bcf5ddb1f458a5f57b63c8e814c75b5ef0' }, "Filteration Component Examples"), h("div", { key: '9eb70a78fa1309fa17a8b9571ccd10b402306521', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: 'cce421a320834f8c56e8bee463ff227b72269fdb' }, "Default Filteration"), h("dga-filteration", { key: '7dfc0b8ff7bd8e4bd931e4523f6e5a08149a747e', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
+        return (h("div", { key: 'e5b27cb9b86250d0beda439fe994b3ca603b6ea6', class: "filteration-usage" }, h("h2", { key: 'd17446a56b5d3df702aa9ec166ce1a5e343dbae5' }, "Filteration Component Examples"), h("div", { key: '2974e65fbc7bda34c53dffd2cb89fa424b80b6de', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: 'ac36357191c71e8611c89a6447d7c8c4f3aecd54' }, "Default Filteration"), h("dga-filteration", { key: 'b730b151c96bd37588492d18c20ff552166ba17c', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
     }
 }, [0, "dga-filteration-usage", {
         "filterBlocks": [32],

package/dist/components/dga-filteration.js

@@ -1,4 +1,4 @@
-import { D as DgaFilteration$1, d as defineCustomElement$1 } from './p-BrDpsYbA.js';
+import { D as DgaFilteration$1, d as defineCustomElement$1 } from './p-C3TwkwNP.js';
 
 const DgaFilteration = DgaFilteration$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-flex.js

@@ -1,4 +1,4 @@
-import { D as DgaFlex$1, d as defineCustomElement$1 } from './p-BlMDAcsF.js';
+import { D as DgaFlex$1, d as defineCustomElement$1 } from './p-DxK5qouX.js';
 
 const DgaFlex = DgaFlex$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$3 } from './p-BbGtTx5_.js';
-import { d as defineCustomElement$2 } from './p-Czju-mjU.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$3 } from './p-CDMKY2c-.js';
+import { d as defineCustomElement$2 } from './p-C05zhJ_Y.js';
 
 const DgaButtonUsage = /*@__PURE__*/ proxyCustomElement(class DgaButtonUsage extends H {
     constructor() {
@@ -8,11 +8,11 @@ const DgaButtonUsage = /*@__PURE__*/ proxyCustomElement(class DgaButtonUsage ext
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '62859a7e49d0f373af514efe5a5c71b09006f6b3', style: {
+        return (h("div", { key: 'ece24a1e44f579e141d33235b85d7e59e77cd667', style: {
                 margin: "10px"
-            } }, h("floating-button", { key: '502857f14448c419577adee1530458f1314f97fa', variant: "secondary-solid" }), h("div", { key: 'e27dab2c9e11c6e1dae9d92cee3d8be1d00f6140', style: {
+            } }, h("floating-button", { key: '33004737190fb80be82b5a31c12c5dfc66c7dd92', variant: "secondary-solid" }), h("div", { key: '6af7e8b066aa63de7c8279bd95e20a9c5d9bdf1c', style: {
                 marginTop: "10px",
-            } }, h("floating-button", { key: '79c91a4da63b86266255264cb6d725d9c92b3e4d', variant: "primary-neutral", iconOnly: true }))));
+            } }, h("floating-button", { key: '22df7a63273349cfd76385a9e96f90306ac1442f', variant: "primary-neutral", iconOnly: true }))));
     }
 }, [0, "dga-floating-button-usage"]);
 function defineCustomElement$1() {

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

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$3 } from './p-CuTJDVOr.js';
-import { d as defineCustomElement$2 } from './p-BbGtTx5_.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$3 } from './p-Ef_vxBII.js';
+import { d as defineCustomElement$2 } from './p-CDMKY2c-.js';
 
 const DgaFooterUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFooterUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const DgaFooterUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFooterUsage e
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'e90dfec3cd44f60509d1dc3384b092f92299fae0' }, h("h1", { key: '1f5b79a0299534bf702179c3bfa048d4c3713bfc' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: '9524af3faff51d506d7c5c295eb9534bfa0e08c2', background: "DarkGreen", NavLinks: true, groupLinks: [
+        return (h("div", { key: '8fae51ec9f878e1ad3fc840eab7e008dd0b8a74d' }, h("h1", { key: '07bc8e560f2d95f9b719851d62111220442ad08a' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: '9cfd0506403d73d3a52a73154efb4a3ff46541a9', background: "DarkGreen", NavLinks: true, groupLinks: [
                 {
                     title: 'Government Services',
                     links: [
@@ -83,7 +83,7 @@ const DgaFooterUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFooterUsage e
                 { name: 'Privacy Policy', target: '/privacy' },
                 { name: 'Cookie Policy', target: '/cookies' },
                 { name: 'Accessibility Statement', target: '/accessibility' },
-            ], bottomImages: ['https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg', 'https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg'] }), h("h1", { key: 'facd008cb8c1c22d657b417f72c200e2ec63024a', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '7d40e1ecce9e0aa0b6b9e86ce9251a7ebfb75fdc', background: "Light", NavLinks: true, groupLinks: [
+            ], bottomImages: ['https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg', 'https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg'] }), h("h1", { key: 'e17b89217e03e260507dc08e7197c3d8f61dcc93', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '39846083ab42cb6aa050d90d84bbefbc433aeaa0', background: "Light", NavLinks: true, groupLinks: [
                 {
                     title: 'Group Label',
                     links: [
@@ -193,7 +193,7 @@ const DgaFooterUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFooterUsage e
                     name: 'Privacy Policy',
                     target: '#',
                 },
-            ] }), h("h1", { key: '0a9e54becdf2b4b47e12cfc9f4c46d208590da8b', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
+            ] }), h("h1", { key: 'bdabab980eb68a15bd143db54499a322bd5ab007', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
     }
 }, [0, "dga-footer-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-footer.js

@@ -1,4 +1,4 @@
-import { D as DgaFooter$1, d as defineCustomElement$1 } from './p-CuTJDVOr.js';
+import { D as DgaFooter$1, d as defineCustomElement$1 } from './p-Ef_vxBII.js';
 
 const DgaFooter = DgaFooter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-grid-container.js

@@ -1,4 +1,4 @@
-import { D as DgaGridContainer$1, d as defineCustomElement$1 } from './p-CtWM0ncY.js';
+import { D as DgaGridContainer$1, d as defineCustomElement$1 } from './p-CAERc4vs.js';
 
 const DgaGridContainer = DgaGridContainer$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaGridItem$1, d as defineCustomElement$1 } from './p-BWdMNFNq.js';
+import { D as DgaGridItem$1, d as defineCustomElement$1 } from './p-BLABWj1w.js';
 
 const DgaGridItem = DgaGridItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-C1wrb6mL.js';
-import { d as defineCustomElement$3 } from './p-CtWM0ncY.js';
-import { d as defineCustomElement$2 } from './p-BWdMNFNq.js';
+import { p as proxyCustomElement, H, h } from './p-CqmCtiRl.js';
+import { d as defineCustomElement$3 } from './p-CAERc4vs.js';
+import { d as defineCustomElement$2 } from './p-BLABWj1w.js';
 
 const dgaGridUsageCss = "html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBM Plex Sans Arabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBM Plex Sans Arabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBM Plex Sans Arabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBM Plex Sans Arabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.flexible-gap-usage section{margin-bottom:40px}.flexible-gap-usage h3{margin-bottom:16px;font-size:18px;color:#333}.flexible-gap-usage h4{margin-top:0;margin-bottom:12px;font-size:16px}.flexible-gap-usage .demo-content{padding:16px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;height:100%;min-height:50px;box-sizing:border-box}.flexible-gap-usage .demo-content.nested{background-color:#e3f2fd;border-color:#bbdefb}.flexible-gap-usage .demo-card{background-color:white;border-radius:8px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);overflow:hidden;height:100%}.flexible-gap-usage .demo-card .demo-card-media{height:140px;background-color:#bbdefb}.flexible-gap-usage .demo-card .demo-card-content{padding:16px}.flexible-gap-usage .demo-card .demo-card-content h3{margin-top:0;margin-bottom:8px;font-size:18px}.flexible-gap-usage .demo-card .demo-card-content p{color:#666;margin-bottom:0;font-size:14px}";
 
@@ -10,11 +10,11 @@ const DgaGridUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaGridUsage exten
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'd3419cde83bc4a4eb25080d1acfd6f8ad6c80fc4', class: "flexible-gap-usage", style: {
+        return (h("div", { key: 'b5c0520bd91da270b648d804dbc38bc1ec28b330', class: "flexible-gap-usage", style: {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '20px',
-            } }, h("h2", { key: '3176d410c490d197eb7cdfc0a41d47807ee4180a' }, "Grid Component with Flexible Gap Examples"), h("section", { key: '51bf5a7988c85947824ac14bf4899813353288fe' }, h("h3", { key: '86c16f98dd588098385e34696e59f5984e6d83b6' }, "Simple String Gap"), h("dga-grid-container", { key: '151d8fb2d0a346bc2f4d4146d1dd9ceeffcdd0d2', gap: "16px" }, h("dga-grid-item", { key: '3648396e33359b0bb524d451f31caa8315bc73ab', xs: 12, sm: 6, md: 4 }, h("div", { key: '9282eb5e24640a63cbd6f288d923241f6c6921cf', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '785d174d497fe4b8631fd069fe0b18d77f6a96ab', xs: 12, sm: 6, md: 4 }, h("div", { key: 'd974b0f1102e77f4daad81a55763c473e0014db5', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '368f50772c03b0d31777c93e1ee506b0a3deb7fa', xs: 12, sm: 6, md: 4 }, h("div", { key: '79a48a750d7849e36386f5574ae2d16820c2f162', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '83bb0c1c6826f1e59c0d9ede97ea81546f2948a9', xs: 12, sm: 6 }, h("div", { key: '50ec86f86ba28f0ce7e6217e3d1552559711499e', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '05fecfc6ad76fc69b3fc9210fc9aedbb88ec60ed', xs: 12, sm: 6 }, h("div", { key: 'ec297131d1de454b868a7c9507ec781c5e7739c3', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '9831fca204d8eadbc6faed25faf5354513e50ae9', xs: 12 }, h("div", { key: '8c030845a372ad65c5b0a43f98edd33cfb83e42a', class: "demo-content" }, "16px gap between all items"))))));
+            } }, h("h2", { key: 'aef66b19185f316dc545a12cd90597a56d8d60e4' }, "Grid Component with Flexible Gap Examples"), h("section", { key: 'fb8f13c7bfd31addae6594c6889f35675c7fad80' }, h("h3", { key: 'dae19319b9989ca98e14a7f372c733a26e417c3b' }, "Simple String Gap"), h("dga-grid-container", { key: '81a92d0dc40d4ffaba9c7f01a631fd9fdcfc5ca2', gap: "16px" }, h("dga-grid-item", { key: '2804955a61cbf1ebbccbf73d8fa11cbfe36a605e', xs: 12, sm: 6, md: 4 }, h("div", { key: '063638ab943cd990a739eaa3d0a0348bca29e742', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '85c3271ecd13c060e04182c436d3d6b4bbfa89a0', xs: 12, sm: 6, md: 4 }, h("div", { key: '57bd90f62905700a2eea9aa58197eaf51fe29ece', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'dc807576b8f6ada18bf89d970967c99ec618cc36', xs: 12, sm: 6, md: 4 }, h("div", { key: '0df4a4017f540eff918e2dda9c196120b235e106', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'af46f5852cd4eda141d16ee8438da7e3058b2d24', xs: 12, sm: 6 }, h("div", { key: '42b94af04a973b338d529fe49bbd1ea8c34ee7da', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '10c6cd145f762ed69b928e414360adb049af18b7', xs: 12, sm: 6 }, h("div", { key: '02eb93ff680d0a5f322476135a66f9da44d43e32', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '5d06ad53016020fdd93a9ec42e3baac610cab7d8', xs: 12 }, h("div", { key: '8880957fb2d3d1672a4b8520da014d68b25a21b7', class: "demo-content" }, "16px gap between all items"))))));
     }
     static get style() { return dgaGridUsageCss; }
 }, [0, "dga-grid-usage"]);