@platformscode/core 0.0.34 → 0.0.35

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$6 } from './p-Mol_JgYY.js';
-import { d as defineCustomElement$5 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$4 } from './p-jh8vnjuc.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$2 } from './p-DMpRj2d8.js';
+import { d as defineCustomElement$6 } from './p-BLDzt_Uq.js';
+import { d as defineCustomElement$5 } from './p-Bs_sPiZE.js';
+import { d as defineCustomElement$4 } from './p-Cyhpb_Rn.js';
+import { d as defineCustomElement$3 } from './p-CcNS0CYN.js';
+import { d as defineCustomElement$2 } from './p-BfhhEgg-.js';
 
 const DgaChipUsage = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage extends H {
     constructor() {
@@ -48,7 +48,7 @@ h1 {
         };
     }
     render() {
-        return (h("div", { key: '2495952fc099cd49bbe9c944a0c72cbe361f95c2', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '0e44856df146301250293886bf7f72559a307945', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '506281976e85130c5579ddc514b32efdea08a60b', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (h("div", { key: 'abf10905425e4a5e0c12f9e93c313b307eefa880', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '74ccaca04097c1a01655d67153b28c75b841476a', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: 'd2a4a47ae4cc603834ee0b87961b71ba03d66066', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
     }
 }, [0, "dga-codesnippet-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-codesnippet.js

@@ -1,4 +1,4 @@
-import { C as CodeSnippet, d as defineCustomElement$1 } from './p-jh8vnjuc.js';
+import { C as CodeSnippet, d as defineCustomElement$1 } from './p-Cyhpb_Rn.js';
 
 const DgaCodesnippet = CodeSnippet;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-BUKzPxc-.js';
+import { d as defineCustomElement$2 } from './p-CrHBgvRw.js';
 
 const DgaCollapseUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCollapseUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaCollapseUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCollapseUsa
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'd3b2e5298745abc5b3beaeeb41f77d9927bc545c' }, h("h1", { key: 'c879a0a0e2dc04a4720b814d5be4af91b21bb756' }, "Collapse Example"), h("div", { key: 'a4f762ca7357b88015ef502777a4468f0d02d146', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd3a7c6b9dfe4deb6d2a4aa84c4ee07abd21d07c7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '0ddbc4f3c06045813e1947b1b62ba8aee81edbbb', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'a0dd15348658675b591c091fed9fc0183673fa36', onClick: () => this.open = true }, "open"), h("button", { key: '89b988db7137e841f014f08a826dc9d4a409bb23', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '74136f23c5fee4fe783b2d612972364fe285b19d', open: this.open, "transition-duration": "0.1s" }, h("div", { key: 'ed0c18aabf300cf8aefc5c19bf18d72e4ba4e28c' }, "Your content here")), h("div", { key: '2e2f4fa69bc78c5c7939540e17c4a064bf28fe08', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'e3bee751f056ea024d448e6d3d6de84648ec0f87' }, h("h1", { key: 'aabf8052cb17f6933e3e4ba6f90bf0f9aaddb718' }, "Collapse Example"), h("div", { key: '4befebde255ad9a58e6cbc63b02876b1e778b26e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd83ee2ed4d85b6febc0a8f0bc8979df674c7909c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e718b88c384153ab0f5affe656e442677a12e4f6', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '8f1ed1190335950e939a6b1dfb3a8c114d5c2ab2', onClick: () => this.open = true }, "open"), h("button", { key: '8ddc2e84fc3ffe2ce1c07da88edf4adee22d215f', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: 'a48c933c61c2ceb142ffd6ad7c36e229f14825cb', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '49ec3f0b4def0c80d3668e04d2ed35c53a73ca92' }, "Your content here")), h("div", { key: '18da42c79de9fa051dcfef9796358796c10c31f3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-collapse-usage", {
         "variant": [32],

package/dist/components/dga-collapse.js

@@ -1,4 +1,4 @@
-import { D as DgaCollapse$1, d as defineCustomElement$1 } from './p-BUKzPxc-.js';
+import { D as DgaCollapse$1, d as defineCustomElement$1 } from './p-CrHBgvRw.js';
 
 const DgaCollapse = DgaCollapse$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-content-switcher-item.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcherItem$1, d as defineCustomElement$1 } from './p-IQqDR9xy.js';
+import { D as DgaContentSwitcherItem$1, d as defineCustomElement$1 } from './p-B1e2w8kd.js';
 
 const DgaContentSwitcherItem = DgaContentSwitcherItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-content-switcher-panel.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcherPanel$1, d as defineCustomElement$1 } from './p-C3VdvVOi.js';
+import { D as DgaContentSwitcherPanel$1, d as defineCustomElement$1 } from './p-B9KjUgb6.js';
 
 const DgaContentSwitcherPanel = DgaContentSwitcherPanel$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-BVL4p3Pc.js';
-import { d as defineCustomElement$3 } from './p-IQqDR9xy.js';
-import { d as defineCustomElement$2 } from './p-C3VdvVOi.js';
+import { d as defineCustomElement$4 } from './p-ybSjjgRd.js';
+import { d as defineCustomElement$3 } from './p-B1e2w8kd.js';
+import { d as defineCustomElement$2 } from './p-B9KjUgb6.js';
 
 const DgaContentSwitcherUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaContentSwitcherUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaContentSwitcherUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCont
         this.value = 0;
     }
     render() {
-        return (h("div", { key: 'e5104b4d630d3b118f6dd30b1da276fcce84c50a' }, h("h1", { key: 'd98541cf5388f924495f708e1f846a9aca031ccd' }, "Content Switcher Example"), h("dga-content-switcher", { key: '49eb8f30e1e3ceae5a624ba3115d53687b64180b', size: 'lg' }, h("dga-content-switcher-item", { key: 'b4364a84a75f274b20a6f8eee862447da688781e', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '056e135b85921fddfe040b11b66dd231c572bfe6', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'ef7a3ec077e5035a70ae31e25d1d2f5edaf77b16', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'a45ef152bc369395dff8be6755797b2a2871fe5f', size: 'md' }, h("dga-content-switcher-item", { key: '62a8ed8a115307a013b923722b058c0c34663639', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '2f0c5788b2c0869f1b99f977ed1a3a9f5dd21f63', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '6e5786df4d0d99c1acc48282fb2c1bf882287379', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '16c7d72a429714b729e0e1ba9738a49632f322ba', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'b8c13063709014c4fb2d4656c564a12b70494c72', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'e0cab2e632b7dd3b2ce2fb395cbb7c58f1496d8d', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '5d4ee6abef8fc26a6cabef5c3ecb61bc04b9dcd7', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '0a34fb11392c13d107312bed18ec5b9c54a19cd3' }, this.value), h("dga-content-switcher", { key: 'e5ed548f151f676e8452d81dab191c10d930b65e', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '9f9851a92492052703233663285cf35f34e5cc7e', value: this.value, index: 0 }, h("div", { key: 'a56ae2a23480a8a8314205fa1df631a856c8051c' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: 'bd8d627d3c96b4195701a4a883f757834a73d946', value: this.value, index: 1 }, h("div", { key: '12874ec6da27e1f27e3974259c66bfb0bf9313ea' }, "Content 2")), h("dga-content-switcher-panel", { key: '031145a1f5447e1145ea6d0bd8f8d4b8e2ab5b08', value: this.value, index: 2 }, h("div", { key: 'e00c1d9a5e3f8809874602da3ada8fa0cd773a7d' }, "Content 3"))));
+        return (h("div", { key: 'ff6f06a48beb31f77b03b29c94c20aaf15839fe4' }, h("h1", { key: 'a859e1607df51e4ae47823d1998b6423a5d77f12' }, "Content Switcher Example"), h("dga-content-switcher", { key: '898b87f7cf50186962387ca79901fa6fc26600f9', size: 'lg' }, h("dga-content-switcher-item", { key: '7d3937fa841f9b36fd6863bf82b3b0b00e4d0e45', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '10887340f0b9195043b46eee51e187477493f64c', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '86bbd190d86ee92f990a71d5765eb83a46d04c28', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '5f7b9a50667c7a2079cc9c130dbe7953c6caf13f', size: 'md' }, h("dga-content-switcher-item", { key: '6f04f9b712e1938c3e1eca7cfae5c8a657475194', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '8f661c3bf7d322c9991ddcfef274c287f9b53a91', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '10c097a416a2db374581b33e4c252a1b958483de', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '55f8a866107735d2724935d748964b77d973d9ab', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '3c55a8c5e96ac68d5b67fd8ad9a8412a61735849', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '7b07f707c790fdb350a36e9d250c68a05068d443', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '135a88646d6166c8f66e6c2121b5eadd89fbcaa2', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '7e6104390c9a4259ddda9e33fb0909b794ca109f' }, this.value), h("dga-content-switcher", { key: 'f01419a1297d52354c46baf43cc08a89674715e1', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '2762412766a32675af8d8b7d037595b38e2acac8', value: this.value, index: 0 }, h("div", { key: '9c6fa488524742f2752f5377dfdcef3bf6e62778' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: '52c04bae89f1abd16c7e3e366a397ab759f076e4', value: this.value, index: 1 }, h("div", { key: 'de919c0313389d9d8e4c5de838ba9abcb8cc18bd' }, "Content 2")), h("dga-content-switcher-panel", { key: '56594477da9c7b46b7e2c99316e49d9d38c4c8c9', value: this.value, index: 2 }, h("div", { key: '98ddec066302ff88661834e83d1d29090987307f' }, "Content 3"))));
     }
 }, [0, "dga-content-switcher-usage", {
         "value": [2]

package/dist/components/dga-content-switcher.js

@@ -1,4 +1,4 @@
-import { D as DgaContentSwitcher$1, d as defineCustomElement$1 } from './p-BVL4p3Pc.js';
+import { D as DgaContentSwitcher$1, d as defineCustomElement$1 } from './p-ybSjjgRd.js';
 
 const DgaContentSwitcher = DgaContentSwitcher$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-data-table-usage.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-Mol_JgYY.js';
-import { d as defineCustomElement$4 } from './p-BmCNewBW.js';
-import { d as defineCustomElement$3 } from './p-D7Nsa30F.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$5 } from './p-BLDzt_Uq.js';
+import { d as defineCustomElement$4 } from './p-C-62j229.js';
+import { d as defineCustomElement$3 } from './p-CKrmM6in.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.js';
 
 const DgaDateFieldUsage = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaDateFieldUsage = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsa
         this.value = '';
     }
     render() {
-        return (h("div", { key: '4a966af0678e0aeae7ca40589118f49d2104dff7' }, h("h1", { key: '827019410828d74f2b637573baaa82b5333df531' }, "Date Field Example"), h("div", { key: '748a2518c18cb0bf5d1b6f88eca3b7f3fd7e996c', style: { padding: '50px' } }, h("div", { key: 'b6b94257b16fd991b83ab83a70635a13514606ec', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '88c3f44778987104bee445643c1331aec4a86c84', cells: [
+        return (h("div", { key: 'f5634d14aa0af69dfec196238e9771ea4387afaf' }, h("h1", { key: '10b89f738ada8b9dffa038131f1b922fff9a7d2d' }, "Date Field Example"), h("div", { key: '27d4efdf00c4af04bd276891bed9d79dfc09ee97', style: { padding: '50px' } }, h("div", { key: '3a8e86317ca962d6aff3e87c35b18c638b44e07b', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '320dfe63275dc14537c762771e4ce56814a8378a', cells: [
                 {
                     colSpan: 1,
                     isFilter: true,

package/dist/components/dga-data-table.js

@@ -1,4 +1,4 @@
-import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-D7Nsa30F.js';
+import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-CKrmM6in.js';
 
 const DgaDataTable = DgaDataTable$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$a } from './p-DuOjmwGB.js';
-import { d as defineCustomElement$9 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$8 } from './p-ConECoiS.js';
-import { d as defineCustomElement$7 } from './p-B1JKwoOu.js';
-import { d as defineCustomElement$6 } from './p-CiZFwD3D.js';
-import { d as defineCustomElement$5 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$4 } from './p-7vg8-l3z.js';
-import { d as defineCustomElement$3 } from './p-C3TavHkH.js';
-import { d as defineCustomElement$2 } from './p-D5i4Y1Hp.js';
+import { d as defineCustomElement$a } from './p-Q1ZPiOaS.js';
+import { d as defineCustomElement$9 } from './p-Bs_sPiZE.js';
+import { d as defineCustomElement$8 } from './p-BM-plR02.js';
+import { d as defineCustomElement$7 } from './p-DzkNYNWQ.js';
+import { d as defineCustomElement$6 } from './p-awnvl4MX.js';
+import { d as defineCustomElement$5 } from './p-CcNS0CYN.js';
+import { d as defineCustomElement$4 } from './p-B8Ehyo7m.js';
+import { d as defineCustomElement$3 } from './p-COOZpHM-.js';
+import { d as defineCustomElement$2 } from './p-DIBv3sUd.js';
 
 const DgaDateFieldUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsage extends H {
     constructor() {
@@ -16,7 +16,7 @@ const DgaDateFieldUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldU
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'fba1d4005b36659cc661e0570bd75f6dfb574800' }, h("h1", { key: 'a7cff21c850c63bc87f8a85d427e310b2051fb2f' }, "Date Field Example"), h("div", { key: 'a1054f44427d423ba41c16e33a705f5874ba3fcb', style: { padding: '50px' } }, h("div", { key: '03be4959e3469b462a13a387ece64396b95276cb', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '90a387e56cb47d5fc5896cc22381d81df2e31cff', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '9b693c14042c18b7cc72b0513593ec09aa56bc1a', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: '65d405bc1f0e94a8ba70d819a62ccaf2d53f205d' }, h("h1", { key: 'd9dd3c1908d8b1cd70c0af078a68c71c05a4720a' }, "Date Field Example"), h("div", { key: '9d0aa0de8dc68b7890fbc1a541b8579f2a91242e', style: { padding: '50px' } }, h("div", { key: 'ed0d390b3ee39ec8959ef72391e7c20a29d9cc4d', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: 'fb9574659d66cc7a87cefb85f397eb5a129fab1b', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: 'a2319a369cbc86d2990c7f256337587bc44bf66d', value: this.value, onChange: (e) => this.value = e.target.value })))));
     }
 }, [0, "dga-date-field-usage", {
         "value": [32]

package/dist/components/dga-date-field.js

@@ -1,4 +1,4 @@
-import { D as DgaDateField$1, d as defineCustomElement$1 } from './p-ConECoiS.js';
+import { D as DgaDateField$1, d as defineCustomElement$1 } from './p-BM-plR02.js';
 
 const DgaDateField = DgaDateField$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$9 } from './p-DuOjmwGB.js';
-import { d as defineCustomElement$8 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$7 } from './p-B1JKwoOu.js';
-import { d as defineCustomElement$6 } from './p-CiZFwD3D.js';
-import { d as defineCustomElement$5 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$4 } from './p-7vg8-l3z.js';
-import { d as defineCustomElement$3 } from './p-C3TavHkH.js';
-import { d as defineCustomElement$2 } from './p-D5i4Y1Hp.js';
+import { d as defineCustomElement$9 } from './p-Q1ZPiOaS.js';
+import { d as defineCustomElement$8 } from './p-Bs_sPiZE.js';
+import { d as defineCustomElement$7 } from './p-DzkNYNWQ.js';
+import { d as defineCustomElement$6 } from './p-awnvl4MX.js';
+import { d as defineCustomElement$5 } from './p-CcNS0CYN.js';
+import { d as defineCustomElement$4 } from './p-B8Ehyo7m.js';
+import { d as defineCustomElement$3 } from './p-COOZpHM-.js';
+import { d as defineCustomElement$2 } from './p-DIBv3sUd.js';
 
 const DgaPickerUsage = /*@__PURE__*/ proxyCustomElement(class DgaPickerUsage extends H {
     constructor() {
@@ -14,7 +14,7 @@ const DgaPickerUsage = /*@__PURE__*/ proxyCustomElement(class DgaPickerUsage ext
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '2a3a50940d1ec402c6738fee021c77cb4a0f5a18' }, h("h1", { key: '415cf1eca41f3d3244d53b06e3b4bd1e1b077380' }, "Datepicker Example"), h("div", { key: 'a1d5c2ffcca55b1ac54adc25ba2896afb0416039', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd0fde0095475455a0118eb4d30dbf75e87702f45', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'c62403471841260291fb548996faea70da03df49', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '7c195165accc1c65a04d63f81041f6c95d3fa8fe', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: 'bb4de4e628ba294ad18c5d79cc17a9a18da9c717', range: true })), h("div", { key: 'c9b0fcce26cb9f1babd859d6b232a5d265696161', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'fbcbc060965934ebb20a3a0fdcb67565c24b8e42' }, h("h1", { key: '7ac0043599c31bc9739ea31abb6f3d2eea951923' }, "Datepicker Example"), h("div", { key: 'ec75b642bbc6926ee788dd6b4a523b8ac47ebbfb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c736092459f994c2449d2b9adbcf8aac95c0066e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'e31baf3ec5aaa21a3b4d5d5786f76966a7066267', inputField: false, qickOptions: true }), h("dga-datepicker", { key: 'e041ac56fad390dbe8476299ae92eadcc8106f45', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: 'fd911a8f875f789ba134fcba78d752f73000fd24', range: true })), h("div", { key: '57f0c922ab386a5d8ed794bade8f27a73c1d295b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-datepicker-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-datepicker.js

@@ -1,4 +1,4 @@
-import { D as DgaDatepicker$1, d as defineCustomElement$1 } from './p-B1JKwoOu.js';
+import { D as DgaDatepicker$1, d as defineCustomElement$1 } from './p-DzkNYNWQ.js';
 
 const DgaDatepicker = DgaDatepicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-digital-signature-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-OgwRCdxW.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$4 } from './p-DiP2bKrV.js';
+import { d as defineCustomElement$3 } from './p-CcNS0CYN.js';
 import { d as defineCustomElement$2 } from './p-ObgiDZNJ.js';
 
 const DgaDigitalSignatureUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDigitalSignatureUsage extends H {
@@ -9,7 +9,7 @@ const DgaDigitalSignatureUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDig
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '93cc9a933a6905c9484c01f15b1391434ed11ed5', style: { width: '100%' } }, h("dga-digital-signature", { key: '91bb28b2c8b6e3ea4cda8f06a1366ff011d96619', language: "en", extension: ".gov.sa" })));
+        return (h("div", { key: '8f80c13f23807eee16d266545c8e62058b08b2dd', style: { width: '100%' } }, h("dga-digital-signature", { key: '16e854edbd767022bbfc13bd0fcd8d65bbb39187', language: "en", extension: ".gov.sa" })));
     }
 }, [0, "dga-digital-signature-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-digital-signature.js

@@ -1,4 +1,4 @@
-import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-OgwRCdxW.js';
+import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-DiP2bKrV.js';
 
 const DgaDigitalSignature = DgaDigitalSignature$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-Ch6dcSjl.js';
+import { d as defineCustomElement$2 } from './p-CD4HEP4m.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: '8a1859d0ba5b835033ecd1dd46db52b8f147ccb8' }, h("h1", { key: 'b330eb58b131b61ed80e2638a5c4818a6fa42091' }, "Divider Example"), h("div", { key: '16cb0d3b4e82ce164738abf94ad29d8619057759', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7d164a8e64f13c51c9c53b4285e60a42173af52f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '77e9bdd41c29907792b64adaae5d8208080aacec', style: {
+        return (h("div", { key: 'ff3ffee2d70a8c778f152859d05a64fde636f100' }, h("h1", { key: 'c915d5860e95872ea8208ee77384c947cb052752' }, "Divider Example"), h("div", { key: '6e0cbfbc0c5328beca2c1ef5c24d414108bb317d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1be28c682c8037dfbdb980879e313371caeba521', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a723b61e53c4cb5c6bc15de3ba44e97df6d94066', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: 'c2b12c8cae3128a77be2b2785dd2e5f23cc8da2f', style: {
+            } }, h("div", { key: '998827d8cee8154fa00768400b7cc3d2dbcdc43b', 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: '9be4c72b219943372bcf174a0e0154e0bc209741', color: "neutral" }), h("dga-divider", { key: '4e27c8f1e398593da0550a1f422226ad27ac487f', color: "primary" })), h("div", { key: 'eae2b9a61bfe25c00072b73ed7b23dc4456c69b5', style: {
+            } }, h("dga-divider", { key: '6d4a639c5a84397e9828f387a1952ed4bb37d0cb', color: "neutral" }), h("dga-divider", { key: '59672506be6126b1cc4320904923624b7351c19c', color: "primary" })), h("div", { key: '649700e28f0c39cac33654544529cc7dc43b55af', 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: '0edde75a3387fa830e6cf4726d853a5f6c271080', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '43ee971af5636fc18c1b90d58fd7596d0fffc2a4', color: "primary", orientation: 'vertical' })), h("div", { key: 'b4d30881e0ae1bf65a7d98538041e6533b2f94eb', style: {
+            } }, h("dga-divider", { key: '6caa38e40aa960c2bb8e1a9a6e40717c428d564d', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '3a182b9fa671fc31c44376ef710899d8c3af99dd', color: "primary", orientation: 'vertical' })), h("div", { key: '40c3818c30854ce4a0292b248be8d177f25d9abf', 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: '37c2709ac92a09f3f537e7914c7d0739cdb0721a', color: "alpha-white" }), h("dga-divider", { key: '531b7020dcc2a39c781d94c19321a3e452e08013', color: "white" })), h("div", { key: '8ff73c8b7f9d403dc8b300b14ef7ff1118ec317b', style: {
+            } }, h("dga-divider", { key: 'e0ce8d59aa3b5d452fa039fe81b9307ca3b947a7', color: "alpha-white" }), h("dga-divider", { key: 'a0ccb20131b45e671e8cbf606dab29ba5f47f321', color: "white" })), h("div", { key: 'b3cf90384fda25f8d3ccb586aaebd538b2cc977e', 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: 'd98dd4f9f68bbf1fe66f9654dd562930f7e67fee', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '36781225b7ef0aa8629ef811b02ee687d63a2d20', color: "white", orientation: 'vertical' })))), h("div", { key: 'f2327b4876553c960457dbbff03c209c11c8927d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: 'fd0895a26c24b3a9986917f492f3a900ae48edff', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'e6ca9271afa5fd6666f176e2452e30ace2c4e72c', color: "white", orientation: 'vertical' })))), h("div", { key: 'b5d39e00e08c601b7cc016b2a8ec153630395ff2', 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-Ch6dcSjl.js';
+import { D as DgaDivider$1, d as defineCustomElement$1 } from './p-CD4HEP4m.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-JCGAt0My.js';
-import { d as defineCustomElement$8 } from './p-BvPZe5Zf.js';
-import { d as defineCustomElement$7 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$6 } from './p-HIxZh4Pu.js';
-import { d as defineCustomElement$5 } from './p-mAf91Mj_.js';
-import { d as defineCustomElement$4 } from './p-z_5_vNMB.js';
-import { d as defineCustomElement$3 } from './p-Vcfs_wYd.js';
-import { d as defineCustomElement$2 } from './p-DeQWpzvC.js';
+import { d as defineCustomElement$8 } from './p-Don4li2O.js';
+import { d as defineCustomElement$7 } from './p-CcNS0CYN.js';
+import { d as defineCustomElement$6 } from './p-DMuRo8EU.js';
+import { d as defineCustomElement$5 } from './p-SDJFYO-x.js';
+import { d as defineCustomElement$4 } from './p-Pml5NKmL.js';
+import { d as defineCustomElement$3 } from './p-CgCfk7bZ.js';
+import { d as defineCustomElement$2 } from './p-ZhmbbVrl.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: '90fe68d5b53b2af40117f381838256fe1c1ade63' }, h("h1", { key: '5fd1da692e28b59afea8b9cce5dc7d2d7bd15cc4' }, "Drawer Example"), h("div", { key: '4aa3e28fe9970a0c19b988ac2f6663a769b1722d', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '4a0333b42311029ae37bb2261874fbb7f837e224', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '143109c062c15fe698be4a3a4db16d9299d45c81', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'dac00101efb1ad4be424c8538382af9e22cc1e57', onClick: () => this.open = true }, "open"), h("button", { key: 'ccc00f33c935fb42584c31979861a8707c2c5a82', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '0160e92401765628c50589c9272016b3fd270fe1', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: 'c7c6784e3533d70c53b5cd0a373cec1f213ed345' }, h("h1", { key: '15cd2fcbd3c1f9d58663140d78050c941290ab94' }, "Drawer Example"), h("div", { key: 'cce6dc2c44f809d06cdf868a4c2498d2bea74b10', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '054478692ae11648f46784d5325c30241c7c764c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e694cd04a3df690f0b15f7418c018c9b32c13967', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'b2d01fff0a558884b1bd78638084f6665ceb35e5', onClick: () => this.open = true }, "open"), h("button", { key: 'ba05ca369d159e4a3416862b3448f770ddfd66ff', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: 'c815361864ff6a90d87a652c9b5d36922924500f', 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: '1d2788380e3f8a0a299685bc1dbe55581b957734', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'e65c91c5c3ced6ccd0dc6c7525d7207c6bb98b29', 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-BvPZe5Zf.js';
+import { D as DgaDrawer$1, d as defineCustomElement$1 } from './p-Don4li2O.js';
 
 const DgaDrawer = DgaDrawer$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-YWbxsP_P.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$3 } from './p-CvMsg1eu.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.js';
 
 const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
         this.selectedValue = 'Option-1';
     }
     render() {
-        return (h("div", { key: 'bfbe141563b8e8a50e03cf812162e0e7e8e28b7d' }, h("h1", { key: '018d8b364a8ca113c1d1f73c8161a913139c26fc' }, "Dropdown Example"), h("div", { key: '3f2ec860ddf835844994b004fa46235adf3ef9b9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '346faf5095d6c58d751af44fc9e36092f71b3195', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: 'e30cc67d44daaff6896148dc28ba960917e23ae8', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: '1882688c6b9c91983903879d826e3358a219e5a4' }, h("h1", { key: 'd9d2931815da214c1caa5a476c72220abcda12c6' }, "Dropdown Example"), h("div", { key: 'a35f90af0490a27a3b7303bcfdb9b0711c5b2008', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '126c0ba46a33cb8e927abf88724ef95ac00063c5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '26952570c0256eb9c030b85f8c8893755e8a213b', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
                 {
                     label: 'Netherlands Antiles',
                     value: 'Option-1',
@@ -23,7 +23,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: '9069a5ce187b943c3b4256593d74bea2c2686e37', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: '597849e9b5a665d3b6c3ecbd2c210d59d689826d', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -40,7 +40,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '85ddb745b3ccadf0cbdc1eb3c6da6ef26f5b0388', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: 'a4923bbb563a37f562a6814fd373a4d51851e057', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -57,7 +57,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '7a2c9d308754ea53913f5dfb089220c18881c53c', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: 'fb13b75be207248ea647f5abc65462a006355905', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -91,7 +91,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }))), h("dga-dropdown", { key: '02553029708b37cc97e39c7109973ba524b9188b', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: 'fc62c523c87dc2ace95f9059c6eacac9eb42a823', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -108,7 +108,7 @@ const DgaDropdownUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDropdownUsa
                     label: 'Option',
                     value: 'Option',
                 },
-            ] })), h("div", { key: '08b7ec863d9a00c7a9c98d8f7268719d34a13a7f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: '2a3284bbeacb949680d4971d49916ef5327c6974', 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-YWbxsP_P.js';
+import { D as DgaDropdown$1, d as defineCustomElement$1 } from './p-CvMsg1eu.js';
 
 const DgaDropdown = DgaDropdown$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
 import { g as guid } from './p-DEtoWGOc.js';
-import { d as defineCustomElement$3 } from './p-D6-A6j3A.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$3 } from './p-CnoQYu5E.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.js';
 
 const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeaturedIconUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'e52c1eb3ed8e8876530b99c2276415d65fc5dd8b' }, h("h1", { key: '9820e0c23dadc68d5aba9a29310c28b98b615600' }, "Featured Icon Example"), h("div", { key: '6e626a6ea36c20479c40909368ca46a446dde680', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'db7493ccf386ebff7e76f62761ce813bc6cee0a2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+        return (h("div", { key: '1ea43cc070b48193cd0a6266df0cbed0774dc7b2' }, h("h1", { key: 'e644d3f1dbc510884dae4ada22c12d42ca966c43' }, "Featured Icon Example"), h("div", { key: '88bdfad280a0988f8e455f045306e25d1626e2b5', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'abaa59e419727cdda38e9a96a20151312b37c0c2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -35,7 +35,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '8ffb3eec133bcc4b1e837566e4126854867f3199', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'd710c3978982cf141cec5456570127dd96d55752', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -60,7 +60,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '26075f2fbc05b5670d580bf7b4ddfa7fcf5b4578', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '46e6146c7986b34f738703065d0788129af292ce', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -85,7 +85,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '6d31cf0e4d20ca07a0cd78059465c70619afef68', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '5a1954660a79cdab9c2a6e08793ec87beece41d3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -110,7 +110,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'eda5da24f3149e4f9faf92cb89ef735e7206a10d', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'c9855389c4297b4066932ae208ed36c3fa7c9c3c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -135,7 +135,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '99d72bd01e885750750cb3f09730e74b2f4c4dd2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'f49f7c02f895978423f1a3236950a783adcc63ae', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",
@@ -160,7 +160,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant }))))), h("div", { key: '7a594485d292892bb0c1bb957d9218d5c47c64fd', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '22eeaac8182eebf202efca619547cdcf0ebd9147', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant }))))), h("div", { key: '03730fdf7f3e3655e47c0317269a8c3de1f0837e', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '4e684519ca0088acac52bf5530e3eda23b483130', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -185,7 +185,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '9cf2595bcdc17af0f803502a472dccfaa0123a82', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '338298ac39f91e7eb9e27e95b2c40858203c9a8f', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -210,7 +210,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'a229ec9c4cbe8392b42aded2b97dd70b8041ddce', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '5c1eda4ff6e5e0ca45be7a5a687b64793eff1176', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -235,7 +235,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'c136fe49b323147bb2c019b3e0de7199138e4071', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '073d29e24e676f44d55e44870d344ba112d6605d', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -260,7 +260,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'a2c7419f6e3c7ca8e44c37e4743204fba136f437', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '8620f601d6743529d5e483363390c46b468bd594', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -285,7 +285,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '7fa7c58d21b5dadef8f5070e61ad35cb4a3d9ea3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'eace1f84d6a512390b7001352b445bc2f6f2e16c', 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-D6-A6j3A.js';
+import { D as DgaFeaturedIcon$1, d as defineCustomElement$1 } from './p-CnoQYu5E.js';
 
 const DgaFeaturedIcon = DgaFeaturedIcon$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -7,7 +7,7 @@ const DgaFeedbackIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeedbac
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: '66a33bd01a8b50b7f10edee4ab0f8ee4ac401dbe' }, h("h1", { key: 'b934b42e9160ed5268eefce13b311f8d81fec7ec' }, "Search Box Example"), h("div", { key: '957a526670286e5e0f08acc2c386587e1b1c74a3', style: { padding: '50px' } }, h("div", { key: 'a1701d5477fa0809381373cff3906cd930b5325f', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
+        return (h("div", { key: '6b85a00051006359edaeb71a446987f5b1db3762' }, h("h1", { key: '39e4a051129232328020939932a6bfd0d09a4ca6' }, "Search Box Example"), h("div", { key: '71daef77c61065d86c1c7b1a312ff5f6e4e35e63', style: { padding: '50px' } }, h("div", { key: '493a61c3399428603e6296159a2a72ebca6a871d', 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-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$2 } from './p-CcNS0CYN.js';
 
 const dgaFeedbackIconCss = "";