@platformscode/core 0.0.42 → 0.0.44

package/dist/components/dga-codesnippet.js

@@ -1,4 +1,4 @@
-import { C as CodeSnippet, d as defineCustomElement$1 } from './p-BAPjyrNp.js';
+import { C as CodeSnippet, d as defineCustomElement$1 } from './p-DZ5lRWT9.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-HV9tkfWL.js';
+import { d as defineCustomElement$2 } from './p-BUKzPxc-.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: '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' } }))));
+        return (h("div", { key: '62e1572dda1b54d93050523db8f520d172169dd6' }, h("h1", { key: '1db1b12dc2fb010155c2b6a18e0208ac63e24cc8' }, "Collapse Example"), h("div", { key: '15dcd3ff0564c7e1ae3848b4838df4e0fa772104', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'eec9ccc145725aa84be87f3382d94e9a2f4faed9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'd841bd0d6551cce30f8d3530c6fb2dc5e775b802', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'c6d7e21df766232f524dcf4c84212500bdca6557', onClick: () => this.open = true }, "open"), h("button", { key: 'd690cae570704c502a586ff28ebc2269736c4758', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '846ff554a19e36857f575e2d4b26150727ebe18d', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '936110742053806ec6bf55e4cde4552c5dade54b' }, "Your content here")), h("div", { key: '94f1ffda6dd584704ec2484cf527bf9364dc533c', 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-HV9tkfWL.js';
+import { D as DgaCollapse$1, d as defineCustomElement$1 } from './p-BUKzPxc-.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-HdgDxvir.js';
+import { D as DgaContentSwitcherItem$1, d as defineCustomElement$1 } from './p-IQqDR9xy.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-_-CzWbeq.js';
+import { D as DgaContentSwitcherPanel$1, d as defineCustomElement$1 } from './p-C3VdvVOi.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-ClRnWVkd.js';
-import { d as defineCustomElement$3 } from './p-HdgDxvir.js';
-import { d as defineCustomElement$2 } from './p-_-CzWbeq.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';
 
 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: '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"))));
+        return (h("div", { key: '0faf54bfb2a27febdba203342d76f43e7f9a958c' }, h("h1", { key: '21bc2d35a563e9d842de5663e128cec6e828fc43' }, "Content Switcher Example"), h("dga-content-switcher", { key: '730068fcfe729b5eacab790287ec16aeaef9c1ad', size: 'lg' }, h("dga-content-switcher-item", { key: '4c3ff8f2cd07a9c79eed9e2e0a4cf9e14e9218a9', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '74d9cecbb22ca6d5840c7b3265b47432f9e87e8e', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'dffc65e044b81d9c962c833555f51dd2bdc79ecf', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'f9bbd75fd3e702f3ec8311e750a90d614d455ffd', size: 'md' }, h("dga-content-switcher-item", { key: 'f3f998c1c72f35b146b69ef04e00a02e4f758979', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '96c4a46421439faa95724dddb2e89b0e70d03f38', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '89f13199fb196baa703cb38047644fd49530eb28', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: '164179babd662da85c4be9aa9fd4b47d51f5989f', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: '6e195fee541597af921de00a56f98e8e17ae676f', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '4b8f659b1ad45a058132e6fbb3eafe0b6c84900a', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '4e02f104c7ea31bb8cd5733c2cf56b22b810a135', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: 'dc23729115dc8498a6a9a9896206d084501a11f3' }, this.value), h("dga-content-switcher", { key: 'c7cf02b2902b0c54d353a3044937bc54255088bc', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '99e4e33557b7e62a03b4d7f2f39b1738c44d0143', value: this.value, index: 0 }, h("div", { key: '1950d1161e658b0d5e81f99180ba0461e7462372' }, "Content 111111111111111")), h("dga-content-switcher-panel", { key: '6a9a84a070f531519d32bd58bfa3000cfe161fec', value: this.value, index: 1 }, h("div", { key: '1a1a2e3a1070cfbe37029f456ec1e17c5dd59591' }, "Content 2")), h("dga-content-switcher-panel", { key: '9ce634493ff6c80aa092ec0016d86124b6729417', value: this.value, index: 2 }, h("div", { key: 'c001627bcc7d05cbf1e8d75d0b0a3522c0497cfa' }, "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-ClRnWVkd.js';
+import { D as DgaContentSwitcher$1, d as defineCustomElement$1 } from './p-BVL4p3Pc.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-CGwqjtn-.js';
-import { d as defineCustomElement$4 } from './p-CFMYKcBU.js';
-import { d as defineCustomElement$3 } from './p-BihOMqmi.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$5 } from './p-dmyZWGuz.js';
+import { d as defineCustomElement$4 } from './p-TaVdpTlZ.js';
+import { d as defineCustomElement$3 } from './p-Df-3UuE8.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.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: '810bae158ef077da2ee827fd53fe55b09c46cc36' }, h("h1", { key: '54b812c6333913cb0b4b4c1c097e155e5929043b' }, "Date Field Example"), h("div", { key: 'ea62559b37226897da2b0f5f3ba1957fb8059317', style: { padding: '50px' } }, h("div", { key: 'feef0a2caaca75a5c2fd0a6a07f8274ae2efdd41', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '32767430dda85dcfaeed3316c3455aa5df79e7d3', cells: [
+        return (h("div", { key: 'f2d1edbbeba6cfe313594a5978776b3aae31b8a3' }, h("h1", { key: '0f55838e3e9897a7cf800ea2c619a45e829567c1' }, "Date Field Example"), h("div", { key: 'a4fd65f269fcdd1ffb2b0e3a4970fa114adfc686', style: { padding: '50px' } }, h("div", { key: 'b6f7bc10dc16ac25d5b4564e3cab8fdf9631ffb8', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '634d7d0f79c18dc404a5911002ae060977d0b7ae', 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-BihOMqmi.js';
+import { D as DgaDataTable$1, d as defineCustomElement$1 } from './p-Df-3UuE8.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-D70Rxxoo.js';
-import { d as defineCustomElement$9 } from './p-DZg2yEu-.js';
-import { d as defineCustomElement$8 } from './p-ChssKQKt.js';
-import { d as defineCustomElement$7 } from './p-BNPbguNe.js';
-import { d as defineCustomElement$6 } from './p-DEVyJhwC.js';
-import { d as defineCustomElement$5 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$4 } from './p-B8Ehyo7m.js';
-import { d as defineCustomElement$3 } from './p-CEYmo_c9.js';
-import { d as defineCustomElement$2 } from './p-C9YG36pj.js';
+import { d as defineCustomElement$a } from './p-DrUc2zGY.js';
+import { d as defineCustomElement$9 } from './p-BokzxvvX.js';
+import { d as defineCustomElement$8 } from './p-DfOuPK4k.js';
+import { d as defineCustomElement$7 } from './p-Cb_cF53d.js';
+import { d as defineCustomElement$6 } from './p-BnUgtDXM.js';
+import { d as defineCustomElement$5 } from './p-DelImzb3.js';
+import { d as defineCustomElement$4 } from './p-CuZYeYoR.js';
+import { d as defineCustomElement$3 } from './p-CMH3kHrk.js';
+import { d as defineCustomElement$2 } from './p-BG4eWEFf.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: '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 })))));
+        return (h("div", { key: '276313de36c2ea00df84e17b29ec26006ac537b2' }, h("h1", { key: '537a3bd4c5b68619db69cb3bae5894c3b1b97468' }, "Date Field Example"), h("div", { key: '3cad0eb614593a289e43ca65d495bfb2d32b819c', style: { padding: '50px' } }, h("div", { key: 'cdb79870695f7065a7c9320976e7a9af186f3bde', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '67a425b5dcc2b6af6c5d824317f3fb13126c9327', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '0eef922c3384f12e18e23303b1bdb1bc765bf24b', 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-ChssKQKt.js';
+import { D as DgaDateField$1, d as defineCustomElement$1 } from './p-DfOuPK4k.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-D70Rxxoo.js';
-import { d as defineCustomElement$8 } from './p-DZg2yEu-.js';
-import { d as defineCustomElement$7 } from './p-BNPbguNe.js';
-import { d as defineCustomElement$6 } from './p-DEVyJhwC.js';
-import { d as defineCustomElement$5 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$4 } from './p-B8Ehyo7m.js';
-import { d as defineCustomElement$3 } from './p-CEYmo_c9.js';
-import { d as defineCustomElement$2 } from './p-C9YG36pj.js';
+import { d as defineCustomElement$9 } from './p-DrUc2zGY.js';
+import { d as defineCustomElement$8 } from './p-BokzxvvX.js';
+import { d as defineCustomElement$7 } from './p-Cb_cF53d.js';
+import { d as defineCustomElement$6 } from './p-BnUgtDXM.js';
+import { d as defineCustomElement$5 } from './p-DelImzb3.js';
+import { d as defineCustomElement$4 } from './p-CuZYeYoR.js';
+import { d as defineCustomElement$3 } from './p-CMH3kHrk.js';
+import { d as defineCustomElement$2 } from './p-BG4eWEFf.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: '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' } }))));
+        return (h("div", { key: 'aebdc7199c0f640adc8b20964f98ce819bc6b0fc' }, h("h1", { key: 'f89461f5d2709e36e1b665b809c79e0963ca6dfa' }, "Datepicker Example"), h("div", { key: '5c19379a59965ba55a15fc8856f4edd474c1d4d1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e5ee624be8a8b34fcab1c66ae61a61a1ce453391', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'cbfc7af8db287ba249116b3ed70ca48783f2f70b', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '03aedfef06ee42f5c46d3e5181880979fa6f0d0b', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '04092da9ff4217c95716016c7959b10f0bcdd63a', range: true })), h("div", { key: '4fba6701c0a87c9b8ca6a567e7079f678fefe2e5', 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-BNPbguNe.js';
+import { D as DgaDatepicker$1, d as defineCustomElement$1 } from './p-Cb_cF53d.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-CYajWDGN.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$4 } from './p-hVW7SqWl.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.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: '8f80c13f23807eee16d266545c8e62058b08b2dd', style: { width: '100%' } }, h("dga-digital-signature", { key: '16e854edbd767022bbfc13bd0fcd8d65bbb39187', language: "en", extension: ".gov.sa" })));
+        return (h("div", { key: '3d169b3b4355a39961f53d79e20af6f641e2cf86', style: { width: '100%' } }, h("dga-digital-signature", { key: '1066bd04fce8ed3df40e3b0201ea5b6ae3165660', 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-CYajWDGN.js';
+import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-hVW7SqWl.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-gvnvuiD2.js';
+import { d as defineCustomElement$2 } from './p-DXOeDitx.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: '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: {
+        return (h("div", { key: '2cb46344694f4d4a6a3a75df4f75ea8550ba63af' }, h("h1", { key: 'f23bfaedd3f458e57f1975dd67559319089b9eb4' }, "Divider Example"), h("div", { key: '6d8d4e470a8ac768eaab01b19eca7b2a9a041135', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c9101b1b3ca09fe6c716869a51675b0ff4645800', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '0acadbe6fc7e1bc11f96f4e7bd455ac4a678cb9f', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '998827d8cee8154fa00768400b7cc3d2dbcdc43b', style: {
+            } }, h("div", { key: '6e0dfd7c581a3644e6012347953ec7f734c07142', 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: '6d4a639c5a84397e9828f387a1952ed4bb37d0cb', color: "neutral" }), h("dga-divider", { key: '59672506be6126b1cc4320904923624b7351c19c', color: "primary" })), h("div", { key: '649700e28f0c39cac33654544529cc7dc43b55af', style: {
+            } }, h("dga-divider", { key: 'ad1ba2283f773ca9206f0802a3fab36b82bd7b69', color: "neutral" }), h("dga-divider", { key: '4330dcf15b1eed1f4485a5238852be2eb33235d8', color: "primary" })), h("div", { key: 'aea5abe400656ef86c38fdec1148970406f3a8e1', 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: '6caa38e40aa960c2bb8e1a9a6e40717c428d564d', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '3a182b9fa671fc31c44376ef710899d8c3af99dd', color: "primary", orientation: 'vertical' })), h("div", { key: '40c3818c30854ce4a0292b248be8d177f25d9abf', style: {
+            } }, h("dga-divider", { key: 'bd538f409651da73d00b7d57adf083e9e6d3c0c5', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'b27c3a05e5c8c4e087d16ddc9770d64f80045690', color: "primary", orientation: 'vertical' })), h("div", { key: '9774cf4b12d5a7fefd08a402f6807f41f13a3a43', 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: 'e0ce8d59aa3b5d452fa039fe81b9307ca3b947a7', color: "alpha-white" }), h("dga-divider", { key: 'a0ccb20131b45e671e8cbf606dab29ba5f47f321', color: "white" })), h("div", { key: 'b3cf90384fda25f8d3ccb586aaebd538b2cc977e', style: {
+            } }, h("dga-divider", { key: '2342d7dd4144ef2ce490625e107b8502fb27e397', color: "alpha-white" }), h("dga-divider", { key: 'd97bfaecbe5ae09b27278ed2a7c5f1f21a4d8943', color: "white" })), h("div", { key: '01e754384f223fe77d264a347cf8d379cfbe8dee', 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: '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' } }))));
+            } }, h("dga-divider", { key: 'e1c53e24e6f9695dc3737d1156a1fea136688bc6', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '9bdb340701b8103b1c8c7ac72f7d92f8f56efee0', color: "white", orientation: 'vertical' })))), h("div", { key: '604c2729d06c691c0d1b9bcf7c65930a69560c65', 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-gvnvuiD2.js';
+import { D as DgaDivider$1, d as defineCustomElement$1 } from './p-DXOeDitx.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-CP8PmlKN.js';
-import { d as defineCustomElement$7 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$6 } from './p-C8Ozv32x.js';
-import { d as defineCustomElement$5 } from './p-D8NqfDaD.js';
-import { d as defineCustomElement$4 } from './p-BmPVaRTe.js';
-import { d as defineCustomElement$3 } from './p-yjX9myTl.js';
-import { d as defineCustomElement$2 } from './p-CHUq3rQN.js';
+import { d as defineCustomElement$8 } from './p-DXPgavfm.js';
+import { d as defineCustomElement$7 } from './p-DelImzb3.js';
+import { d as defineCustomElement$6 } from './p-CP1F2Tkq.js';
+import { d as defineCustomElement$5 } from './p-Co_skH_z.js';
+import { d as defineCustomElement$4 } from './p-C5J_FNMI.js';
+import { d as defineCustomElement$3 } from './p-Cl9tSm5e.js';
+import { d as defineCustomElement$2 } from './p-DzIRETnz.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: '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: {
+        return (h("div", { key: 'fdcaef5275fd7418285dc2f395c279111fea3d84' }, h("h1", { key: 'ca029a4c94d120e7be040e888c9136c13a3cbbd9' }, "Drawer Example"), h("div", { key: '384877ad6afcaa5a7f6438d704e7ec5062e43bbe', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: 'b8ab42e502b01ea3b04aad5594e0a7767408d1b2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '3e73b37a1bb0104ad8e699a103d837748abbda5d', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '71cb26b7c9c242980330518eafa44f23f9e3394b', onClick: () => this.open = true }, "open"), h("button", { key: '9eef54b5ac6b2997d2df1bc341a92568b9ef17b8', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: 'e687e75eade6f5a88f6ae842102a5c4698664ce5', 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: 'e65c91c5c3ced6ccd0dc6c7525d7207c6bb98b29', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'db1d6e9892f4a3f19881ad355aed2a732c592d9b', 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-CP8PmlKN.js';
+import { D as DgaDrawer$1, d as defineCustomElement$1 } from './p-DXPgavfm.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-Bfv_mWUY.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$3 } from './p-BxbfEx0F.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.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: '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: [
+        return (h("div", { key: 'd2fb4f6261488b1855dd2e3797de51989b7fae0b' }, h("h1", { key: '3e64ad673fcefa8072a106672ed9b47ae33de45a' }, "Dropdown Example"), h("div", { key: '298af911388d84b69551d1a729723126da7e3827', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e8dc9b7ae9121f45dddad24bc9259a3daa4f3839', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '0f748e8419bc2630a9ac17df426b4466885e678d', 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: '597849e9b5a665d3b6c3ecbd2c210d59d689826d', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: '1f599037f28827f498365ab056032c0337a0ca48', 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: 'a4923bbb563a37f562a6814fd373a4d51851e057', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '254f4ac81fa6cde9a02d2312ceace6d4a7ff00d7', 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: 'fb13b75be207248ea647f5abc65462a006355905', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '120a934fcf2fdd850fade21e82393fa984bb9a4b', 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: 'fc62c523c87dc2ace95f9059c6eacac9eb42a823', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: '71be681151d79102be041e19d8ca68b68ca0ee12', 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: '2a3284bbeacb949680d4971d49916ef5327c6974', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'ed4dcd2c324841e03c72ce3006994ccfd6038d4e', 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-Bfv_mWUY.js';
+import { D as DgaDropdown$1, d as defineCustomElement$1 } from './p-BxbfEx0F.js';
 
 const DgaDropdown = DgaDropdown$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { g as guid } from './p-CKmBHs6n.js';
-import { d as defineCustomElement$3 } from './p-BKfnRn0P.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { g as guid, d as defineCustomElement$2 } from './p-DelImzb3.js';
+import { d as defineCustomElement$3 } from './p-C3VvJUdi.js';
 
 const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeaturedIconUsage extends H {
     constructor() {
@@ -10,7 +9,7 @@ const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeature
         this.value = '';
     }
     render() {
-        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' } }, [
+        return (h("div", { key: 'b1d3d058a3de40c0bb2f16f77cd00c6f4f5e20a8' }, h("h1", { key: '078152089769ebac9510a6ad84b5a846ee93b5ac' }, "Featured Icon Example"), h("div", { key: 'fa6a9681bf97d5c82bc89c96c991033dd93ffe01', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '0e15b195aaf9e4de57c21da54a298172f59184f8', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -35,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: 'd710c3978982cf141cec5456570127dd96d55752', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '340db685d820de39b2a0e8261be737f8f0306047', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -60,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: '46e6146c7986b34f738703065d0788129af292ce', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'def93dd59650db338ffcd10e5d6c83074daebb84', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -85,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: '5a1954660a79cdab9c2a6e08793ec87beece41d3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '258d85ce4cda1774bf46b296e19cb5c1c7d39829', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -110,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: 'c9855389c4297b4066932ae208ed36c3fa7c9c3c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '8be1476b0e919cbfb0baaf5fa7c90765746d1bc6', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -135,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: 'f49f7c02f895978423f1a3236950a783adcc63ae', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '07feede3eae8501b3540130056728041e5056fe1', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",
@@ -160,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: '03730fdf7f3e3655e47c0317269a8c3de1f0837e', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '4e684519ca0088acac52bf5530e3eda23b483130', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant }))))), h("div", { key: '2d0dc1347bad54b3c9683715dcc81b93317672c8', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '6e9bef679474ff22892b38de3b6f846d9d55b468', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -185,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: '338298ac39f91e7eb9e27e95b2c40858203c9a8f', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '405fd5f4992fd61fe7295b3590bca6d8016f5f7c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -210,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: '5c1eda4ff6e5e0ca45be7a5a687b64793eff1176', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'dc8e991aa9802089d85efb26df538fb5165da784', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -235,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: '073d29e24e676f44d55e44870d344ba112d6605d', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '227ac76e5d5eb4b6a1b8c1f36dcdfae089ccae75', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -260,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: '8620f601d6743529d5e483363390c46b468bd594', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'db136594b893e495c7022ea25bccaab6dd47dae2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -285,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: 'eace1f84d6a512390b7001352b445bc2f6f2e16c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '36a74fcdd97ed137038f1fa078fe32c3f00cd4ab', 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-BKfnRn0P.js';
+import { D as DgaFeaturedIcon$1, d as defineCustomElement$1 } from './p-C3VvJUdi.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: '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" } }))));
+        return (h("div", { key: '67fff1c01d5cddd9762c82e6a96ca99c989ece80' }, h("h1", { key: '4b430f82c3bed2451845826aaec4931c03d774c4' }, "Search Box Example"), h("div", { key: '1d070acc397942debfd8b369586f402745ab52c6', style: { padding: '50px' } }, h("div", { key: '184f15e459beca59193413a91e894eecb2a880d6', 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-zVn-LSJh.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const dgaFeedbackIconCss = "";