@platformscode/core 0.0.34 → 0.0.35

package/dist/esm/dga-action-menu_9.entry.js

@@ -88,7 +88,7 @@ const DgaActionMenu = class {
         return style;
     }
     render() {
-        return (h(Host, { key: '9921eada90099872e382c427a4e193151ac411ca', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '7717bd5474a657b0504a8ee8fd3c55d6ee52b111', style: { position: 'relative' } }, h("slot", { key: '97002f6d3ad8d85145181e8116febdda822884a9', name: "trigger" }), this.open && (h("div", { key: '54590c8481773fa83715ecd16040394ad8b327c2', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '76747694594823c4ae0696a1a1b973596e932af4', name: "menu" }))))));
+        return (h(Host, { key: '71e68c3512bab324a11821dbb5b7d0195114bbef', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '75263ef1b5cdd6585494f8a19fb0875fa1abebb2', style: { position: 'relative' } }, h("slot", { key: '9b5840e9c25009676b18edbcc4be739e854b4f66', name: "trigger" }), this.open && (h("div", { key: 'a5a01d14c6f1d90a471429e0a879bbe6c1dfdb10', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '8d60a919568aead1380f0e91a60d02dd58a5dfee', name: "menu" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -123,17 +123,17 @@ const DgaHeaderAction = class {
         });
     }
     render() {
-        return (h(Host, { key: '57bff5431e6227675c1d842ffd5002f98f19eecb' }, h("li", { key: 'c0861112228f8a037873e9444944aa8961f67778', onMouseEnter: () => {
+        return (h(Host, { key: '571a0a3a153d70f6c4d5ce3da0742018a66ca60e' }, h("li", { key: 'f244ff01420a7de99d38170d594d30b6b4438f30', onMouseEnter: () => {
                 this.openSubMenu = true;
                 //   this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 //   this.active = false;
-            } }, h("a", { key: 'b06090e9223fdb8776f86cbc5df97a91bf55d866', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
+            } }, h("a", { key: '83581052a1523838823c7b010c8768cdccabf365', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
             
             ${this.iconPosition === 'inline' ? 'header-menu__item--inline' : 'header-menu__item--top'}
             
-            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: 'df7097eced5fc185a6a808e5751765442eec83ef', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '48f50b351d5327b0015dfcdc0a96ac60827cdfd8', name: this.icon }, this.iconProps))), h("span", { key: '0be9362d4b4c81748832358a7449fac42c02bf3e', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: 'd9ece0ad68b84650fec3e18ad59b25126024f5d8', name: "dga-header-sub-menu" }))));
+            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '485f04d8bc1eae8d187369df7aa59b47950fc500', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '0f7a1b077f05674ba2b1e5167a52cab21a41f33f', name: this.icon }, this.iconProps))), h("span", { key: 'ebd2aa5f1b1a212145d46a0c28bf54c3f1e9d209', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '948b45b2648ac72781b5e53836ed8fb47d7e59a1', name: "dga-header-sub-menu" }))));
     }
     get el() { return getElement(this); }
 };
@@ -168,13 +168,13 @@ const DgaNavHeaderLink = class {
         });
     }
     render() {
-        return (h("li", { key: '23f1bdcb2997b40566e0c2d019cbb7dc743cb81d', onMouseEnter: () => {
+        return (h("li", { key: 'd1d8449d5f0b451a736b0cd0fa1dae447923f9a9', onMouseEnter: () => {
                 this.openSubMenu = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
             }, style: {
                 display: 'inline-block',
-            } }, h("a", { key: '0b2e5be3fdc82c8df0f16a3c48d8b90d89a4e471', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'f3ba142dfb54969ee2234921fe1cdc8578c442fc', class: "dga-header-menu__item-label" }, this.label), h("span", { key: 'b78e6041525e5fd20eb1cf46deb8ceab25c21900', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '2e19d1cb59553e13a1540b2826658116e73f562b', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: 'dc2c97acb450bfa939c9e4d6ce49e31828eac7d1', name: "dga-header-sub-menu" })));
+            } }, h("a", { key: '48f884d1c6cdcb2a495249a5416bfc29f7d8a26d', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'f8ec9fc39d9b601a5e7e9cec424d6132329ff6da', class: "dga-header-menu__item-label" }, this.label), h("span", { key: '78593d24d163a21a98259002400ac3b54e920cd9', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: 'c978a09fa8df5f0300d9c18fe9f59abf6a017da6', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: 'e6ad5e12c6bb2efbf45f0432c1aa67c8e21f7c91', name: "dga-header-sub-menu" })));
     }
     get el() { return getElement(this); }
 };
@@ -204,7 +204,7 @@ const DgaHeaderSubMenu = class {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (h("div", { key: 'efa6e38610fa4c38ad60690882d1551af863d894', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '96fe8616dbdb9210e8e00fa20d113200ea2d3071', class: "sub-menu__container" }, h("slot", { key: '25b56b4591ffec6282dc001fcad83dee3784451d' }))));
+        return (h("div", { key: 'dace5ecdd9f6da96479b197e3a36f0c7e064c5e0', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '692ecf99d0da5bfd38cd60000d1e0c676ff75e02', class: "sub-menu__container" }, h("slot", { key: '043b2ec1ca0a144190fa4c209ff1862780c7b318' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -221,7 +221,7 @@ const DgaHeaderSubMenuColumn = class {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '57991a38e8b6ae76e12c028b218680e06ade4346', class: "sub-menu__column" }, this.label && h("h2", { key: '8560a981d707c68c5c8c4ac3193d3369d9659075', class: "sub-menu__column__label" }, this.label), h("slot", { key: 'de3f1a1795d32b43b17fe1e878029cf128630d97' })));
+        return (h("div", { key: '4632ffac62e384b7851d4fd6d9f3c73993338988', class: "sub-menu__column" }, this.label && h("h2", { key: '8a4d246617c0a7da748b6d4d6971cccef5e2e4d8', class: "sub-menu__column__label" }, this.label), h("slot", { key: '876eb7fc4519d29e392c9b1b34ffb93ba4c15545' })));
     }
 };
 DgaHeaderSubMenuColumn.style = dgaHeaderSubMenuColumnCss;
@@ -241,7 +241,7 @@ const DgaHeaderSubMenuItem = class {
     render() {
         const backgroundClass = this.background === 'Brand' ? 'sub-menu__link--on-color' : '';
         const linkStyleClass = this.linkStyle && this.linkStyle > 0 ? (this.linkStyle === 2 ? 'sub-menu__link-icon--bg' : 'sub-menu__link-icon') : '';
-        return (h("a", { key: '6d2626dd5b68ec8ac7bc8e7e0ce02a185c384eb0', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, h("dga-flex", { key: 'adc93c4f0f99a931f662a37a161fd136bb384e86', direction: 'column', spacing: 4 }, h("dga-flex", { key: '5dfedbff7985daf907a1251698d9ef71b028fc06', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: 'ebec4e18c2d0edc2d815a97bc127cfdf5989c3cc', class: "sub-menu__link-label" }, this.label), h("slot", { key: 'ec5876029fd6996e1009266c091defbb908227c8', name: "tag" })), this.helperText && h("span", { key: '969851c2478facd974c7153398b18503674606a1', class: "sub-menu__link-helper" }, this.helperText))));
+        return (h("a", { key: '1a0f4096a3c293309f46c5cceb5ae75910cfbf70', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, h("dga-flex", { key: '2f29c50c537df8be70a327b5d3c33e4a72a33087', direction: 'column', spacing: 4 }, h("dga-flex", { key: 'c9ebad7beb3543bf6764c0d34483cd321025a70e', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: 'e95730327156f7b8edd03fd8f58d1d3dfad88e4d', class: "sub-menu__link-label" }, this.label), h("slot", { key: 'a9fa479dde28ca909fb69d4a2a9076fcbb3707f0', name: "tag" })), this.helperText && h("span", { key: '49560e47ae2f90a8b58e8a3af62d858ff7081583', class: "sub-menu__link-helper" }, this.helperText))));
     }
 };
 DgaHeaderSubMenuItem.style = dgaHeaderSubMenuItemCss;
@@ -256,7 +256,7 @@ const DgaHeader = class {
         this.sticky = false;
     }
     render() {
-        return (h("header", { key: '2407a901b6f68e72d08da35f5b6cd270032b8b1d', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: '3e2b9b026e2be130a7dca9287d928b582e74ea7f', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: 'c44a5a87c255f864ef729461990c4b73e36e9095' }))));
+        return (h("header", { key: '554e1a20dbd330c5914b3d7381c44d74ce139ea9', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: 'cda0dd23dca30527102be361ad118809fe9f1e07', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '223a851aafff9c98078c411063500d1700a0a569' }))));
     }
 };
 DgaHeader.style = dgaHeaderCss;
@@ -282,9 +282,9 @@ const DgaLogoPlaceholder = class {
     // }
     render() {
         // const logoSize = this.getSize();
-        return (h(Host, { key: '2e19bfa2b3b8a1917f3eaa29e5dc96e7df54885c' }, h("div", { key: '12150c9c1abc4575df59689f035077a78180e331', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '25cd5955ce654b447be0937f46d034b1e17d83da', src: this.src, alt: "Platform Logo",
+        return (h(Host, { key: '63da81bf8e02be4b899bd7dc397a59d3857a0c3e' }, h("div", { key: '937957ea57365f942280f413285c5aac1cc6744e', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '0323929bf04cd0a5d7c93bfcafab1df4f0aefb35', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), h("span", { key: 'cbd1653a2f8c880c8ba6de7c7abc7bef9a22be27', class: "logo-text" }, this.text))));
+            class: "logo-image" }), h("span", { key: '7bdf63189d2a0752a5cf93f17a9663aa4b118cc0', class: "logo-text" }, this.text))));
     }
 };
 DgaLogoPlaceholder.style = dgaLogoPlaceholderCss;
@@ -294,7 +294,7 @@ const DgaMenuList = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, { key: 'c788dab88f3adc4f53f30891c2989e9cf4aa860f' }, h("slot", { key: 'd08e7172accd804085ca5c9fb98eb0a6ef9e9641' })));
+        return (h(Fragment, { key: '2b41672cb7eabdf9e5fc94c00c6a71b37326c15b' }, h("slot", { key: 'f32c0e57b6cb3d8b18a19e41c35b50a116043784' })));
     }
 };
 

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

@@ -25,7 +25,7 @@ const DgaActions = class {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (h(Host, { key: '50cef7edfd91a7e340e515705ed9ccbdfa3c7b00', style: styles }, h("slot", { key: '1fff4c90bc6c0e2e720473d16b1877b0765a1dec' })));
+        return (h(Host, { key: '6803cc210304fad1552964069fe919e22277291a', style: styles }, h("slot", { key: '10acb9942424bfcf4360c17ee2428c94e5f12c8d' })));
     }
 };
 DgaActions.style = dgaActionsCss;

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

@@ -5,7 +5,7 @@ const DgaApexChartUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'b86d8748ac49448b5da118fc0d285178997a91da' }, h("h1", { key: 'be1ee60c5b22f77744f3ef443a5094b5efbf4020' }, "Accordion Example"), h("div", { key: 'ed1bf818c1d6305312c7f175c31e92de0a6c95bc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '66882f4a5d7e46b536b48e6377e9acddf64b3686', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: 'f8fef4de5029b13e384f509cfbf6922fd390d313', id: "timeline-chart", options: {
+        return (h("div", { key: 'fb5772c483ae2da1ee285b98e4969d571e87ccd7' }, h("h1", { key: 'b9a89f877908dad12faa593e657594a7d13d67e1' }, "Accordion Example"), h("div", { key: '2609aa4fb68f82ed17292440f7b7724f9cb2ffe2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bffdb6a0c1dfe56808132e7e950878db0e66a830', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '6829891167db4f509858b211abaa23612d990584', id: "timeline-chart", options: {
                 annotations: {
                     yaxis: [
                         {

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

@@ -59,7 +59,7 @@ const chart = class {
         }
     }
     render() {
-        return h("div", { key: 'bfa0d15e1ace18cb648fa212f26ef4d5ee733005', ref: el => (this.chartRef = el) });
+        return h("div", { key: '36b9075f0cecd46096a668cbbbf8d19716208af5', ref: el => (this.chartRef = el) });
     }
     static get watchers() { return {
         "options": ["optionsChanged"],

package/dist/esm/dga-avatar-group.entry.js

@@ -22,10 +22,10 @@ const DgaAvatarGroup = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '7b1d993133eeb8dafaf4b047119bb7f41204e322', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '2cde79186beb2593f3597b6e0401e367216c9f00', class: {
+        return (h(Host, { key: '867a72eef9bcc92e4d1c0a0ab301c10f042203fe', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '33fd39b3b39021f6d707f4144dec931fc73ebfac', class: {
                 'dga-avatar-group': true,
                 'dga-avatar-group--stacked': this.stacked,
-            } }, h("slot", { key: '72cdfe846f77dbf0104e9738d1f59a954d014e73' }))));
+            } }, h("slot", { key: '10b583ee3ce73ebb80c2a367cf349c4b5268c635' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -6,39 +6,39 @@ const DgaAvatarUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '05ab52d5ef1245a761eb8a738f1b5b1f60b542c6' }, h("h1", { key: '9bf6017a32a9f0876eda0261301df57781798095' }, "Avatar Example"), h("div", { key: 'f6434c1bf41d0592e73b0dac8e2562a72445c756', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a7e452a3d7a33f6e8fc213fb6317e1e226e2220c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '6e3e4a91638391ab8ef758ceb06af894f588471c', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'cdf1ebbc202a23e4f285da34938cfbc1bf03e8e4', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: 'e245158aad21942e1be0fb88ef693055395148d4' }, h("h1", { key: 'a8759f1e8dd1e9175b940ac03e54aa28a2bbb6e1' }, "Avatar Example"), h("div", { key: 'a7d24af241d3ed261943dd93e17edf74d9a439d5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '98e6af7fe785f9e6e7137bd37df4a1ea3152e038', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '58d6e98a928a71a17421b19779bdb156cba74faf', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '0d00e519480ff976c78e2434cedcf61665b72289', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '62e82cb2a9f95d92b64d7f893e0c19cc88fc1f62', size: 120, border: true, square: true })), h("dga-avatar", { key: 'a2cbf6de6315554f7dabd8d38ffcee538d2473aa', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '8e458edc0c9441e26d87ff6a984f92335a8f7b8b', size: 120, border: true, square: true })), h("dga-avatar", { key: 'f315e6c5196045660ad11816783334b08d5d8880', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'a52ce29e4020916fa32a55c87048d141bab1b450', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '513af1465f73602c3b85faec5a9e6352efcfb027', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '1d43a4c1df32f9a9604d7a16b07e83ef50c32691', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: 'c43c6de03e61b4d7165a5e1b9196caf6d0498b59', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'd208af3145a02d0c2fea48fc5065458ce55f8dc8', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: '81727eae24c46330e5fe91192e778d0dbbde4435', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'fb4d871c2c908a324987b05bc88b736cd0ce6243', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: 'cd28d5122605132f3ef6da32088092602d97675f', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '379910fd9b3bdc246b553daaaeba6261cc70ce29', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: 'a89fb958d48fc07c0f0b93a575ca5af3a03524a2', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'a4d1cfb3d055b42d5e381e602b99308145de1c43', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '413ef17f0a7ee9e9cedb01750e4e0a0d77567bd7', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: 'd688998bd81e4a5cd945b4761e035d73fcb8c21d', stacked: true }, h("dga-avatar", { key: 'be74c274b10b1d97bef8153cdef7481866b9cecd', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '3433e8105460e23b96e9f8142a3a02df4a9f32df', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '2a9e6ce5d55e767ccbd695409aad355cfcc6733f', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '1829758872445d39047df5c1c0ebe34c5ef3a901', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'df7a4650303a7c269e09eba6157188b2c74a1e2d', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '64d04b1d27e3768ccc1b649d33705e0912ce4482', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '9cab23f29796c9420ba21e77eb60744039cb44f8', stacked: true }, h("dga-avatar", { key: 'aeb84ba1ae0eb899f7e4c35662f95c782a71eea0', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'e628821c70e828f9064d63d5f2138d606942799e', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '386ce6fc1bdb9997562fbac4d49625394760804b', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '7b4d37d4ced60ad0d7b5f41e699dcd16eaf6663f', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '9bd4cbacf6d002d4620b89d53927728eaa09d998', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '51d0d03e88610a78c53ce7c8ef8fc2f2824d7c61', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -6,7 +6,7 @@ const DgaBreadcrumbsUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'b429bf213fd94e047758274b5f74f36ea916a9a1' }, h("h1", { key: 'a4bfd573f5883b40ade736549a6f0d53c4924606' }, "Breadcrumbs Example"), h("div", { key: '698bd235855d33844931080bc674b18382759673', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '145951fbbb90074cd96edf467702f22d666019d8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'cb7919682831aeda5ac92f3b21cda87dec85168e', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'cbadde7124942b3d50830299c0ceed0fb7d64f8c', items: [
+        return (h("div", { key: '309588c044157c237b4f1ffbbfda0a523d1c4d73' }, h("h1", { key: 'cb268da1bb2282e12ae123e6a5a3b366c6e49d50' }, "Breadcrumbs Example"), h("div", { key: 'd7f048d41b3785a8aac90e7fa931d2f7e6b0ddb4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '645ee3c57cbc5f81a88baee57f52da0b04adb890', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '739dfabb573bbc8c08ef7f8f10a5be02f372c121', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: '7acc4f3095ad9a78f93d6a73068b0d222b46e925', items: [
                 {
                     label: 'Home',
                     path: '/',
@@ -24,7 +24,7 @@ const DgaBreadcrumbsUsage = class {
                     label: 'Keyboards',
                     path: '/products/keyboards',
                 },
-            ], max: 3 })), h("div", { key: 'daa71d4fadb073e5970db75b440b59e5c0c5040c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], max: 3 })), h("div", { key: '93da9b1847fbfe5253baf25eafbc4eb4206c4649', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-B4CGwdkg.js';
 import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
 import { i as isRTL } from './dir-CH66vbCC.js';
+import { c as arrowLeft01StrokeRoundedIcon, d as arrowRight01StrokeRoundedIcon } from './index-BgIVAeDg.js';
 
 const dgaBreadcrumbsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.dga-breadcrumb-dropdown-item{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.dga-breadcrumb-dropdown{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{display:block}@media only screen and (max-width: 768px){.dga-breadcrumb{justify-content:center}}.dga-breadcrumb{display:flex;align-items:center}.dga-breadcrumb-item{position:relative;display:inline-flex;align-items:center;gap:var(--size-4, 4px);color:var(--link-neutral);cursor:pointer;padding-right:var(--size-4, 4px)}.dga-breadcrumb-item.active{color:var(--text-default-disabled)}.dga-breadcrumb-item:not(:first-child){display:flex;align-items:center}.dga-breadcrumb-item .disabled-link{cursor:text;color:#9da4ae}.dga-breadcrumb-item .disabled-link:hover{text-decoration:none}.dga-breadcrumb-item .disabled-link:hover .link__label{text-decoration:none}.dga-breadcrumb-item.ellipsis .link{align-items:flex-end}.dga-breadcrumb-icon{color:var(--text-default-disabled);width:16px;height:16px;font-size:20px;display:flex;align-items:center}:is(html[lang=ar],html[dir=rtl]) .dga-breadcrumb-item:first-child{padding-right:0;padding-left:4px}:is(html[lang=ar],html[dir=rtl]) .dga-breadcrumb-icon{transform:rotate(180deg)}.dga-breadcrumb .link{text-decoration:none}.dga-breadcrumb .link:visited{color:var(--link-neutral) !important}.dga-breadcrumb .link.link_empty{cursor:text;color:#9da4ae !important}.dga-breadcrumb .link.link_empty .link__label:hover{text-decoration:none !important}.dga-breadcrumb .link.link_empty:hover{text-decoration:none !important}.dga-breadcrumb .link:focus{border:none !important;outline:none !important}.dga-breadcrumb-icon{cursor:text !important}.dga-breadcrumb-dropdown{display:flex;flex-direction:column;list-style:none;width:153px;padding:var(--spacing-xs, 4px);flex-direction:column;align-items:flex-start;position:absolute;left:0;top:calc(100% + 4px);border-radius:var(--radius-sm);border:1px solid var(--border-neutral-secondary, #e5e7eb);background:var(--background-white, #fff)}.dga-breadcrumb-dropdown-item{display:flex;padding:var(--spacing-md, 8px);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-md, 8px);align-self:stretch;border-radius:var(--radius-sm, 4px);color:var(--link-neutral, #384250)}.dga-breadcrumb-dropdown-item:hover{border-radius:var(--radius-xs);background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.dga-breadcrumb-dropdown-item:active{border-radius:var(--radius-xs);background:var(--button-background-neutral-pressed, #e5e7eb);mix-blend-mode:multiply}.dga-breadcrumb--rtl .dga-breadcrumb-dropdown{right:0;left:auto}";
 
@@ -105,14 +106,14 @@ const DgaBreadcrumbs = class {
     }
     // Add a helper method to get the correct arrow icon
     getArrowIcon() {
-        return isRTL(this.el) ? 'arrow-left-01' : 'arrow-right-01';
+        return isRTL(this.el) ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon;
     }
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h(Host, { key: '809b725c67474fe19feeb8e4729916fa3bbf36c3', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '7ccaa370e55cf267084961d0a9939cfa1bb04289', "aria-label": "breadcrumb" }, h("ul", { key: '41ea1bf8ad5daaea63285c009ae47b5698656c0a', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
+        return (h(Host, { key: 'fb59028d99df07ab8d9e39de982f43d9f4404b5e', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '1a3e10885e2a76ce6052400118f2a8c84049e476', "aria-label": "breadcrumb" }, h("ul", { key: '42b42572022ec7e3ed8ecad3474191307df51d9f', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
             if (this.isEllipsisItem(item)) {
-                return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" })), h("a", { onClick: () => {
+                return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: () => {
                         this.toggleMenu();
                         return false;
                     }, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', class: "link link--md link--neutral" }, "..."), this.isMenuOpen && (h("ul", { class: "dga-breadcrumb-dropdown" }, item.items.map(ellipsedItem => (h("li", { key: ellipsedItem === null || ellipsedItem === void 0 ? void 0 : ellipsedItem.label, class: "dga-breadcrumb-dropdown-item" }, h("a", { onClick: e => this.handleClick(e, ellipsedItem.path, ellipsedItem), class: {
@@ -124,10 +125,10 @@ const DgaBreadcrumbs = class {
             return (h("li", { key: index, class: {
                     'dga-breadcrumb-item': true,
                     'active': isLastItem,
-                }, "aria-current": isLastItem ? 'page' : undefined }, item.path && !isLastItem ? (h(Fragment, null, !first && (h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" }))), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
+                }, "aria-current": isLastItem ? 'page' : undefined }, item.path && !isLastItem ? (h(Fragment, null, !first && (h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() }))), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
                     'link link--md link--neutral': true,
                     'disabled-link': item.disabled,
-                }, href: item.disabled ? undefined : item.path, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label)))) : (h(Fragment, null, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" })), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
+                }, href: item.disabled ? undefined : item.path, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label)))) : (h(Fragment, null, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
                     'link link--md link--neutral': true,
                     'disabled-link': item.disabled,
                     'link_empty': true,

package/dist/esm/dga-button-leading-icon.entry.js

@@ -8,7 +8,7 @@ const DgaButtonLeadingIcon = class {
     }
     render() {
         // Check if there are any child elements
-        return (h("span", { key: '51c5201ff4b203cf8a7477e3df2a421c97de4195', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, h("dga-icon", { key: '182780f3a87c0cbc32d53cff242c02b530d912d1', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
+        return (h("span", { key: 'fceaa3f8e2739d7468bfd21e8efbacd8b32ad0f5', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, h("dga-icon", { key: '619ef6a0d019fb39f57a1381fc2f4008374e9bc1', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
     }
     get el() { return getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const DgaButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '295cb4f623e8545c6edcecda616c93bdb3cc8075' }, h("h1", { key: '9337c05b22d5d80022eac98838bfc0291cdd8873' }, "Button Example"), h("div", { key: 'bb59cd0a2aea26bb126f1d10cd72a69e69dbc1a6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a3751fad4412de688a798ae541513d30cc87a568', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '4c5d47b5ae9088406f1789448b77a0de002f695a', label: "Click me", variant: "primary-brand", sx: {
+        return (h("div", { key: '42e4dcac6a8e5894473d5bb1e9d33657b97c6019' }, h("h1", { key: 'd5146ccfef34f67ce4bd8b12a03f8d2bfc81adb3' }, "Button Example"), h("div", { key: '5100816a09c96d79afec208186830a02027acf7c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2c8aa1c5d07bacd0187db0eb4c993b4297a7235a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '30a1c6cdfb7addad54581223dc285d3ad6891124', label: "Click me", variant: "primary-brand", sx: {
                 '&': {
                     fontSize: '18px',
                     fontWeight: 'bold',
@@ -19,12 +19,12 @@ const DgaButtonUsage = class {
                 '.dga-btn:hover': {
                     backgroundColor: 'blue',
                 },
-            } }), h("dga-button", { key: '5d089212f05afad096a3d70137d80ebaf4b2506c', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: 'ccd0b412b32c01462a5db6c1143cb8d3bc17e7e5', label: "Button", variant: "des-transparent" }), h("dga-button", { key: 'c644b349becaad5b799b13ac9f1b6bf1a4d2d788', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: '0e10c4b504b355c3558f61f6e3aba91dbd5cd1d1',
+            } }), h("dga-button", { key: '4f0af478bfea2622fbb41f068f5758e4ad9e8d5a', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '66e35ddfdba9ac3f2e790987168c4caaf0ebafac', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '2672bb3597dba7f408458b6c3bfe2677def2aa8b', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: 'e0f5b635ac8a3e8adc9bddbb99650c796130c363',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconType: "link-square-01", trailIconProps: {
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: 'd57542f45343a9529ea58c132042cb2da3d83981', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '4a0d497b275807dfefb313dbdf98ce95842b2214', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -6,13 +6,13 @@ const DgaButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'c81a6d79724a7b2214d0782d6e9e06a981719d32' }, h("h1", { key: '0d1f83f58c1e6ee0c4022fd82eec4a9dabcdc143' }, "Button Example"), h("div", { key: '4ddc2d432f7fa76e16cabef7a9fd75b64c98db27', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b77c2c9c2b16fa263879f6f498f754d03e35a30f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'c0378a1c253e95ed16fff16f8e202d99be23cdad', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '06ac74b952254011290808f5f883eae80a479f2b', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '3e7e84ae52204862b92d1905fa83512461242c9d', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'c83c02e670366e7a22653c47aa0aa3332e1d45fa', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '371041588f0b6a1ec1c2526c361876c768a72b4d', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'e2e9904eb9c0c74d7b36ddf91e12cbfa22a456f3', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '6377ae3c5fa45c4aad2de79a832b08956140fad8', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'd055707f1fe8f748b597d13bfa24c521efe103cb', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '3b0860a65509eaa653b2429cf5a4e9444fbc4718', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'd30289b8c0a4fec0543c5d17ead1b511e0a163e2', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '705020aaacef307016965dd78372067560ebbc68', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '8f0bfebc6772ed00f220580308f90621cc05348d', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '9cff156b96a59f9c4c0539ee64d771e6b3ea4e49', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '0e0664ffca326b0f949b09cc28ad76218b9aeddc', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '55b730c524e16ee5e232c95dc29093405744dfe5', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '44242f2277db2144c4a83f21491f4c23efbafcf1', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '793ccabd959b6f6fc5f9f4624f94e497956f7471',
+        return (h("div", { key: '5523fcf839868200e2f885b2f5ffe0a2ac92c38e' }, h("h1", { key: '8c446ebc307e784287a652c0e9183dc4542fabf2' }, "Button Example"), h("div", { key: '51f0dc01fe8b35fd9aebc073a9127f642146fa0a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21c12e0579b99fb44164a4755301482b2dac1b41', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'f9aaf1cb31dabb25d3b000aa22360ba1efbd7b69', direction: "column", spacing: 16 }, h("dga-button-v2", { key: 'fe90da1f4e5a9c71261f723e52d0f93a12125452', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '25d036902f713e54b77f9a3611f231b47fcfd1eb', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '92a8444a7d5dfb0fe08bf52260b85b4fad3c2436', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '3b2fd6212430234b7db9717ffe8c50b2203c5a9b', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '465460b966b50979670fa85fb894910fdfc7a04e', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '23abf1fc63c47d833e6095d85914356be40b07d7', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '20290811a07733b77af71467c32445907d272686', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '79a3bc5e1bd7745a6910f7effb1f92b2c7b6f979', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'ce0b5540330c1e20c3cf66fdb15efe2ec0830607', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'f5214703c87436e7acbd8f26e43f1e4e4fa61b2f', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '1ab821a70059d54343b55951bf05a95645fd87f3', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'b6c5e5d1248f48f0a0a2ba4bccd4f27a542b5083', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'c21e765eb09b2fb1fcc7c01c7516b24c755d0cad', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '6df379b1b089021fa02b94c02e9842e538712883', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'efd9c98325728d6a9287784b32d8ae07afa52f38', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'bcd305f5c8c8256f2c2bc3c2eeb25e5a6d021e5f',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconProps: {
                 name: 'link-square-01',
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: '9b5d8806e331c9b2cdca584ab207ebe346a8cb51', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '68c90d90c6f615c504d7cdeb2394c4341fd0ac6b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -38,7 +38,7 @@ const DgaCardActions = class {
         this.expanded = !this.expanded;
     }
     render() {
-        return (h("div", { key: '6ae00ef9e35323193548b09181d98661f6a2236c', class: "card__action card__action--default" }, h("slot", { key: '8c0b33666776f9c8d3cc3c4e4d121ecf25b9e6c0' })));
+        return (h("div", { key: 'bfbcd0ab9ee449bea56a94b2997c2d4348f6718d', class: "card__action card__action--default" }, h("slot", { key: 'f87f6a57affd5fbcf7263f103a83a42e731ad70c' })));
     }
 };
 DgaCardActions.style = dgaCardActionsCss;
@@ -50,7 +50,7 @@ const DgaCardContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '6954c1c5983c948327f71cb46e01787af52b2bf6', class: `card__content` }, h("slot", { key: '874321faa6047fc96953099ee0323f6a12ab152d' })));
+        return (h("div", { key: '3273ee7c79260c43cb23eec37f11d88633b7ade7', class: `card__content` }, h("slot", { key: 'ec21d55853eb8eb7fd368083741bdc32629ad9d8' })));
     }
 };
 DgaCardContent.style = dgaCardContentCss;
@@ -62,7 +62,7 @@ const DgaCardExpandableContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '3ef125b82ea273ec7ddc8311bb7d4569a6e22160' }, h("slot", { key: 'd4c254d27b712c28f32dee8e19f9ecba076c6d5e' })));
+        return (h(Host, { key: '5c00a92e4b2baaac202519bb977e5e82fbed3f44' }, h("slot", { key: '8e9281b20bac3c0bc36373ab9f1188ef48a46427' })));
     }
 };
 DgaCardExpandableContent.style = dgaCardExpandableContentCss;
@@ -157,7 +157,7 @@ const DgaCardV2 = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'b3cf7be36254d48019e14dc943e877b2a24cdd55', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '4be28fe16ebf66b1d77b5c9def28c85f1be7c877', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: '230790bac6c0704835da70b140bdbbed8f8df90e', class: "card__checkbox-container" }, h("dga-checkbox", { key: '80851ec1f48eaba8a5025a477dd0c1ea21d03a34', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: 'dd61b4d598e7182e64825018dcf595292ea7b811', name: 'card-content' }), this.type === 'default' && h("slot", { key: '63a9a08e5c3ceaea106524d4311b55cf97316c03', name: 'card-actions' }))));
+        return (h(Host, { key: 'a93295ad53084e429137964b066c95284220a3f8', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '8187ffd12f5ab3dd5bbcb8c9c34a4bfb7dd38e1c', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: '943487106159fe3b9a862e4afb7457e47cabf4c0', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'a5e6027383e8d04ec45ecc3951596abcbed78a8b', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: '3ac729592e66616dec54fbb78db51b3a21f234c7', name: 'card-content' }), this.type === 'default' && h("slot", { key: '7a006e5de0e47d951fab3eda9252ba0149953696', name: 'card-actions' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -51,7 +51,7 @@ const DgaCardImage = class {
     //     minWidth: this.minWidth
     //   }
     render() {
-        return (h("div", { key: '5f95886d11de7ffd2ba0de1a853a275ef1ecc895', class: "dga-card__image-container" }, h("img", { key: '82966daf75003e7a86d752c74f5a78bac7ec020c', src: this.src, alt: this.alt })));
+        return (h("div", { key: 'a9d3e98d3e8fb48529a54ae9052061a9dd782497', class: "dga-card__image-container" }, h("img", { key: 'dbc4df877868715483bdf89744451a778ec2b49a', src: this.src, alt: this.alt })));
     }
     get el() { return getElement(this); }
 };

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

@@ -57,7 +57,7 @@ const DgaCardTitle = class {
         });
     }
     render() {
-        return (h("h4", { key: '8785b473294f99d0c5a8ba750538bfb02e13c080', class: "text-lg-bold" }, h("slot", { key: 'e068f8b309e912bb7c769b8f310a0b3649b97b48' })));
+        return (h("h4", { key: '1b09c0c4850e623f60260b6f3d8ffe730c2f31e5', class: "text-lg-bold" }, h("slot", { key: 'a611028c66a9512443db355eab99f7120384cd12' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -7,12 +7,12 @@ const DgaCardUsage = class {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '410af2cc3c09641f3108874942bc9093e4610a61' }, h("h1", { key: '0d63dab78f6b2fc2ea373e85d4d68dab0962c264' }, "Card Example"), h("div", { key: '19e3be14e0770b093f0a1707ae46fa3530bf97d6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1aa62760a627f28b9789dbc89a4151e4811cca23', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: 'd4a57f75f9d0056dbb4091f8c0dc9b5ba3a51a96', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'a8003099274cd997301f1d0493e5947f9899c31c', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '6acca12f413a19fdc150dc542f9a3da382940786', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: 'b492011817774b6d6af6369527f07d9f85d9abe7', cardTitle: "Card Title", sx: {
+        return (h("div", { key: '6a7a1b6e441772c76742ea6b571f95b088d5f03f' }, h("h1", { key: '3caae8983f0a589d090eb3847aa8deee721bc748' }, "Card Example"), h("div", { key: '63e25e6cd62416548d5e110b67c3fe4633194470', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5bd873a8dac0c0a9f80ac70fe7021fe7ce5748db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '5289afbd10c9734bab1658dd24ded2df90312cbf', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'e415bef8be7707b2a269e9e87b8ab6fa00a1b2ad', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '8c55e101dd0a4279c2d7582021a519483c2b133d', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '730606135cce7a68f305d62365e6ff41288f97a2', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), h("dga-card", { key: '7b74c00a7011807eb4363cadcc1305d204cb8bb9', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '437bb06603897799193a54901502deb2aa7f267e', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: '0eede96707383f092464e5b788c7e66bca0a2cd4', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '71f3c4b4156d6df7dcea08e26646788d49bf3f68', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-card", { key: 'c75b0d0d15ad21eb5dccd5784a5ee67ed0604706', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: 'a0d79d3f779669bd7417e196f02ac7f20b116fc1', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'd451d77e46ee7a513f6cbfd8a5b40315383493aa', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '960fa71feb652f88ba897de219a664b16cbacd32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -7,17 +7,17 @@ const DgaCardV2Usage = class {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: 'f56c7c0cae876bfc3b8d6a7c12ed1ec254ff8766' }, h("h1", { key: '9fc420f8c2951b37b878f76a8ed2995316303ab7' }, "Card Example"), h("div", { key: '222f0afc60ab3dfcfc3582188e8489b288ef23b9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21341f46d3b598bae90046b3aaba4f22bb095e9e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: 'c8f671ae081648996d7c40784acf562fa1b8bdd6', type: "default", sx: {
+        return (h("div", { key: 'aa2e81ca9e7b8fa11580696582c271be86a617da' }, h("h1", { key: 'a51a817a4464703138520a5f07ddf9c6dc255814' }, "Card Example"), h("div", { key: '2f0fd4bb8ccda49752ded814d78e95d186f754d0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a2b8f7c5c932d042e6a5f8e94ddbfe306b2a5b66', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '03c2b3a351b81b24664cfc04b8328855e5fed362', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, h("dga-card-content", { key: '65df82b0e5cfcc5ee3c4dcb654595b59c6558021' }, h("dga-featured-icon", { key: '91f3c23a3fa8782be077aaafaf332d425753e3b5', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, h("dga-card-content", { key: '394dd8e492fdf011504ee9b33e5b4917133cf25e' }, h("dga-featured-icon", { key: '9f09ced740f222f46b6041ec548d41b200533f9d', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), h("dga-flex", { key: 'e3dafd808c26ab40ec7383109cfd334065d5f933', direction: 'column', spacing: 8 }, h("h4", { key: 'ba9f9fd6442b13f1a5dada1f86864402f033eb0d', class: "text-lg-bold" }, "Card Title test"), h("p", { key: '0dc0574631ce54ca92de55b7f333073c3118ac41', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: '620a4a15bc1c624eb6094b77b2336af201b0b036', direction: 'column', spacing: 4 }, h("dga-rating", { key: '2a683169cc916fb968e027657d3ebd5124db6d89', value: 4, size: 'sm' }), h("span", { key: '804631b639332b8a02e2f250c913f4d24142af63', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '240fee38b3ba7da3c34c1b2cc2af3fd3e97a98db' }, h("dga-button-v2", { key: '81145e9e36c4ca14a5776e67490c532ad13a7939', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '0ecbbdda7daba2d09cbf1e71dc234279d0a8be92', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'b8d963c6e17c657f4ec996dfa3e75e45b26f89eb' }, h("div", { key: '2427413f592b0cc96b9643160aaca036dc56b8a9' }, "Expanded Content"), h("p", { key: '443d9e5e5e9b5655d8b602a001499488beb522c7' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: 'deeabac5769610f260955bf1717a605855713703', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-flex", { key: 'f7e08ddf7bf7483f5e0fdc25dcc0982de422b610', direction: 'column', spacing: 8 }, h("h4", { key: '538eb3d141863e64dd39c9fc4287c11a8c321859', class: "text-lg-bold" }, "Card Title test"), h("p", { key: 'd9743b6088f9328777275b3f12f58ebf37b6d876', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: 'a52859227b1a9111b039da07c42ca0828ac270b9', direction: 'column', spacing: 4 }, h("dga-rating", { key: '76e820b45df66d7f8423326679a2d9c4a9e3a68c', value: 4, size: 'sm' }), h("span", { key: '716861ef943b7c88dec8bd271307720c3580168f', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '15d712a0d2b1bb3ba1fd67a289244d5907fdfc7e' }, h("dga-button-v2", { key: '0a39821141ccc7419239351e6de19e5d78aa2e0e', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '192c2b5ad6921b35438608bc2344fa0a3604d0d1', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'df09f7c7413000a18c7cc7e5a3738fd65de44164' }, h("div", { key: 'f834107bd79d0bd3637a1a9d9d70c3da29dcc6cd' }, "Expanded Content"), h("p", { key: '7e25f21e9f32ca6889cacc6cc41302bb297eb333' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: '756c5d493b18f8aee8699400a7d9fc5ddc6bcaf9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -72,11 +72,11 @@ const DgaCard = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '92d8223dbdf380e6abf0c84adcc7113913171bf1', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '17e629113fa3b63da0b5bcd2d0a10c016ecbd960', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '2cc1475feac62d9a88d786885e03a30a4d473d6e', class: "card__image-container" }, h("img", { key: '80eaddecaa9fc62da6ed8ba0a1d67bc40c057c04', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '6cd1b606906aec5a9462e1f3b73fc5186a8be86c', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '04cd695c516849851187acf44e6ee2092735cc30', class: "card__checkbox-container" }, h("dga-checkbox", { key: '11ffe84880401dd179f81653006ef907c8f59986', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '254a4a2a44cbd4f921977f6b80a3f3da7370af18', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '9b164b6b6349e465ad9545d5a9bab97468493fbb', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: 'c5b4087bab83eba9a0e07e3e63d1d1bbb034242f', class: "text-md-regular" }, this.description))), h("slot", { key: '7ea574428c3c489dab02cecccd6b3c07c2874c5e' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: '5365bcc49cf1b9d36cf81729dc08b760b22065bb', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'c2d8e2dd4f0f0dc1398f65057b89566c19895d1f', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: 'bad1ab80e0b8e5a37d211af57891e8a4059631ba', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: 'deac29b7adc8113cbf0c4356cfeaff3faf25139b', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
+        return (h(Host, { key: '66ba60a5f8c0d9d454241aea5322c58497e66645', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'c58ff54169e4e25c06c17e02b4a6f4b037f6e7d7', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '16e57a0b195460ca096d86d0a2f311a03fff4bdf', class: "card__image-container" }, h("img", { key: 'abf8983db2f5411e9fe44d49cda3415ef0985059', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '58f8ed13703752a7579f5f4c95dcf50acce7058c', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '6786a5cbb4d2d62052417848786f6e017eee8d50', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'fa29b126b0de0f044ddd0de60b727cded62223c5', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: 'dce707d1ee1fd3969250cbea9b9c3dcbd15e724b', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: 'efdacf84f9303c4af8fcf647aa21fc768120a9af', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: 'acaa5ad7193d05aee8bf249b838395bb7b02cd5d', class: "text-md-regular" }, this.description))), h("slot", { key: '390a448a5ecbea6f3a099394d0358ba5d179c189' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: 'c56b652233f8fed1af29ddea91ca46788e3b0248', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'dfc6ea371149b847b577215005589e94ef4e2d02', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: '58c743ae97e3f70f4ca868aad5b55207e88841d2', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: '8e044119ec51999716ec9a2f09f22cbe5fabdbde', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
                 name: this.expanded ? 'arrow-up-01' : 'arrow-down-01',
                 variant: 'stroke',
                 type: 'rounded',
-            } }))), h("div", { key: '2f2e74c273fef25654aeb767cb8da3cb072cf87e', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: '9807f312e18e320295d8f66f5aee337b6275e627', name: "collapse-content" })))));
+            } }))), h("div", { key: '000e198a15a44468370af22fa38233228892619a', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: '8d5cb04a8fe5a848302cdc2d0aaf136221ac36c1', name: "collapse-content" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {