@platformscode/core 0.0.31 → 0.0.32

package/dist/cjs/date-cell_3.cjs.entry.js

@@ -41,7 +41,7 @@ const DateCell = class {
             className += ' date-cell--mid-range--first-child';
         if (this.isLastRangeChild)
             className += ' date-cell--mid-range--last-child';
-        return (index.h("button", { key: '3cfb2bbbe4b32af0cbe3f6a8c046f1a3df18e764', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, index.h("div", { key: '639c4d2ad163e23494e0034016f39e294a4c8e23', class: "date-cell__label" }, index.h("span", { key: '4370802b3685b31fc702d8ab72ed8d8cb6a17d71' }, this.date.getDate()))));
+        return (index.h("button", { key: 'd00f05d30198257fbd4d40e0df8eb9c561966b2a', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, index.h("div", { key: 'f91aee28a6d686a1767d450aaec3060f588b8121', class: "date-cell__label" }, index.h("span", { key: 'cfb00f366b54d3d76fcdb7880c1063808625a083' }, this.date.getDate()))));
     }
 };
 DateCell.style = mainCss;
@@ -189,10 +189,10 @@ const DgaDatepicker = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9dc661bc73774b44fe118eed357bd08dae1c3339' }, index.h("div", { key: '773716bb1d0baedb01c153312b5a4e7dd50f2fec', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, index.h("div", { key: '282aeb27750e2e3aaaaa18a5752cd68b83975f4d', class: "dga-flex" }, this.qickOptions && this.range && (index.h("div", { key: 'e7c874e5a5bfed86efcc2a87a38b58bb3a8d6e74', class: "date-picker-root__quick-options" }, index.h("span", { key: '46e021e074a4875680233a3b173de5c32a7295e8', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), index.h("ul", { key: '4bc0c4bc1d7043c8fadf9a0c7e6b5cf5baa99eeb', class: "options-list" }, dateUtils.defaultStaticRanges.map(({ label, range }) => (index.h("li", { key: label[this.RTL ? 'ar' : 'en'] }, index.h("button", { class: "text-md-medium", onClick: () => {
+        return (index.h(index.Host, { key: '8db917857f03f58ca7c9c8b9659e7b3f973be442' }, index.h("div", { key: '3358b09d7240f9a32a0a9e616f5632033d5d08e5', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, index.h("div", { key: '1dbdcb04e55ce6334e57770a25a8a58ab37ecf76', class: "dga-flex" }, this.qickOptions && this.range && (index.h("div", { key: 'c4010a694b77607b0f199983438e2cefe20c2805', class: "date-picker-root__quick-options" }, index.h("span", { key: '4a7424a6a4d287bff105e6ff9d07f8608fd71e20', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), index.h("ul", { key: 'bb9e1ec7f9d1a791b6a0158dfbe28b2ce535fe0a', class: "options-list" }, dateUtils.defaultStaticRanges.map(({ label, range }) => (index.h("li", { key: label[this.RTL ? 'ar' : 'en'] }, index.h("button", { class: "text-md-medium", onClick: () => {
                 this.rangeDates = range();
                 console.log(range, "rrrrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaaange");
-            } }, label[this.RTL ? 'ar' : 'en']))))))), index.h("div", { key: 'cab92a392c08a835d36fbcfd5c479ecbc422711e', class: "date-picker-root__main" }, this.inputField && (index.h("div", { key: '5f922af55a89c18a1e2dc7903dfcb69e64eb55b7', class: "date-picker-root__main__inputs" }, index.h("dga-text-input", { key: 'f9a0403af12b5fa08a6cb4f9c32682d1672e1ebf', placeholder: "Month DD, YYYY", name: "startDate", value: this.inputDates.startDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
+            } }, label[this.RTL ? 'ar' : 'en']))))))), index.h("div", { key: 'db7c99dcfcf4891a9004dbac0ab1847ed9c39b92', class: "date-picker-root__main" }, this.inputField && (index.h("div", { key: 'ffb88e02288b20001d43647facc47bc261a3fb91', class: "date-picker-root__main__inputs" }, index.h("dga-text-input", { key: '2a55ce68d1d6924efb935e867a180f851af0b373', placeholder: "Month DD, YYYY", name: "startDate", value: this.inputDates.startDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
                 if (dateUtils.validateInputDate(e.target.value)) {
                     const date = new Date(e.target.value);
                     if (this.range) {
@@ -215,7 +215,7 @@ const DgaDatepicker = class {
                         this.selectedDate = date;
                     }
                 }
-            } }), this.range && (index.h("dga-text-input", { key: '6c3e3f85bd86395f66cb01e5d006d439ac885207', placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
+            } }), this.range && (index.h("dga-text-input", { key: 'c985ecf962ff78c655bf95597e1e15bccb25f450', placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
                 if (dateUtils.validateInputDate(e.target.value)) {
                     const date = new Date(e.target.value);
                     if (this.range) {
@@ -249,19 +249,19 @@ const DgaDatepicker = class {
                         this.selectedDate = date;
                     }
                 }
-            } })))), index.h("div", { key: '9727be87ef1a3d7d647b9f2a81e19857e9163a2a', class: "date-picker-root__main__content-wrapper" }, index.h("div", { key: 'fcb28fe511a552b4e21d42520c66aacfae38c72b', class: "date-picker" }, index.h("month-navigator", { key: 'd5277a301ccabc9148b9bea7839160eb31cace05', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), index.h("div", { key: 'd8d92f6400b56ea5bb9bb85e9a8f2cb7931d26a0', class: "date-picker__weekdays" }, dateUtils.daysMap[this.RTL ? 'ar' : 'en'].map((day) => (index.h("div", { key: day, class: "date-picker__weekday" }, day)))), index.h("div", { key: '65f1c19331c208371ee7e31b9a3da777e2e1db90', class: "date-picker__date-grid" }, this.days.map((date) => (index.h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.currentMonth.getMonth(), isSelected: (this.range)
+            } })))), index.h("div", { key: 'd7e170c002081529e456acd420944b5dcd506ffa', class: "date-picker-root__main__content-wrapper" }, index.h("div", { key: 'd74007b3e7cddc538f8fbf401c0280d030924c50', class: "date-picker" }, index.h("month-navigator", { key: 'dead35aaddbf8df75a78ee68bd2d77e3d6aa79f5', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), index.h("div", { key: '57d6d8ec37e48d3c100e2a5aaddb7e95a615a0d4', class: "date-picker__weekdays" }, dateUtils.daysMap[this.RTL ? 'ar' : 'en'].map((day) => (index.h("div", { key: day, class: "date-picker__weekday" }, day)))), index.h("div", { key: '16fca643c9288d54eb493cd0075849b866508363', class: "date-picker__date-grid" }, this.days.map((date) => (index.h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.currentMonth.getMonth(), isSelected: (this.range)
                 ? (!!this.rangeDates.startDate &&
                     dateUtils.compareDatesWithoutTime(date, this.rangeDates.startDate)) ||
                     (!!this.rangeDates.endDate &&
                         dateUtils.compareDatesWithoutTime(date, this.rangeDates.endDate))
                 : this.selectedDate
                     ? dateUtils.compareDatesWithoutTime(date, this.selectedDate)
-                    : false, isToday: new Date().toDateString() === date.toDateString(), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), midRange: this.isMidRange(date), onSelect: (date) => this.handleSelectDate(date) }))))), this.dualMonthView && (index.h("div", { key: '36bd4a87e80117cf2d276cdcf80afdd7dc2d5479', class: "date-picker" }, index.h("month-navigator", { key: '54914a68f17e7d064b428aae633ff8d70697599d', currentMonth: this.nextMonth, onChange: (date) => {
+                    : false, isToday: new Date().toDateString() === date.toDateString(), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), midRange: this.isMidRange(date), onSelect: (date) => this.handleSelectDate(date) }))))), this.dualMonthView && (index.h("div", { key: '167541e1cdc2f61bb05d5d1eb64f7c34af14c67d', class: "date-picker" }, index.h("month-navigator", { key: '8dfa08053327639089883c9f1616d91b1783b661', currentMonth: this.nextMonth, onChange: (date) => {
                 const newMonth = date.getMonth() === this.currentMonth.getMonth()
                     ? new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() - 1)
                     : new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() + 1);
                 this.handleChangeMonth(newMonth);
-            }, showArrows: true }), index.h("div", { key: 'e50c6a0997bd4be358a41c0b84d3026ed5017e51', class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => (index.h("div", { key: day, class: "date-picker__weekday" }, day)))), index.h("div", { key: '1495e668f5a063eac62a9ceb64c2c0e5a4b00b27', class: "date-picker__date-grid" }, this.nextMonthDays.map((date) => (index.h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.nextMonth.getMonth(), isSelected: this.range
+            }, showArrows: true }), index.h("div", { key: '9723f8cd9fa767c87c0da259b07d1dfd6729ddef', class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => (index.h("div", { key: day, class: "date-picker__weekday" }, day)))), index.h("div", { key: 'c625f216d6585f4f59bdfe72dcf161eff8b59357', class: "date-picker__date-grid" }, this.nextMonthDays.map((date) => (index.h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.nextMonth.getMonth(), isSelected: this.range
                 ? (!!this.rangeDates.startDate &&
                     date.getTime() ===
                         this.rangeDates.startDate.getTime()) ||
@@ -269,7 +269,7 @@ const DgaDatepicker = class {
                         date.getTime() === this.rangeDates.endDate.getTime())
                 : this.selectedDate
                     ? date.getTime() === this.selectedDate.getTime()
-                    : false, isToday: new Date().toDateString() === date.toDateString(), midRange: this.isMidRange(date), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), onSelect: (date) => this.handleSelectDate(date) }))))))))), this.submitButton && (index.h("div", { key: 'c2b28f3b91f438f3d1507c7eef1e9ab2af9cc263', class: "date-picker-root__main__buttons" }, index.h("dga-button-v2", { key: 'acd1650b5f8e1b5a989748dd764dc4ef26e51795', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), index.h("dga-button-v2", { key: '6311e072de7efdd53ebb370e4e89b86e609bfd0a', label: "Submit", onClick: this.onSubmit, size: "lg", variant: "neutral" }))))));
+                    : false, isToday: new Date().toDateString() === date.toDateString(), midRange: this.isMidRange(date), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), onSelect: (date) => this.handleSelectDate(date) }))))))))), this.submitButton && (index.h("div", { key: 'ffb069e43577931b8a382ec3b7293c7fc4263869', class: "date-picker-root__main__buttons" }, index.h("dga-button-v2", { key: 'c92e0c1980b0b206257d5cb3bd0a2e8967645dc9', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), index.h("dga-button-v2", { key: '5c38f9defb84a2e7a63e4bc8364b5bc412fb9b87', label: "Submit", onClick: this.onSubmit, size: "lg", variant: "neutral" }))))));
     }
     static get watchers() { return {
         "selectedDate": ["watchSelectedDate"],
@@ -359,21 +359,21 @@ const MonthNavigator = class {
         }
     }
     render() {
-        return (index.h("div", { key: '485e9d83547211470b319cea22e6ca699d8bf9f3', class: "date-picker__navigator" }, index.h("div", { key: '2f26355c7d7e66e5084d57bafe6d4ce45b61e967', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
+        return (index.h("div", { key: 'd013e3fe41e41d6f6da82bdb460c6c607abdaa2d', class: "date-picker__navigator" }, index.h("div", { key: '5698eeb674f489c8a36ef6f6df4a59d943de65ae', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
             month: 'long',
             // year: 'numeric',
-        }), " ", index.h("span", { key: '26c607af9d1119b823b83a0a77310b194cc48456', class: "year-selector", onClick: this.toggleYearsDropdown, style: {
+        }), " ", index.h("span", { key: '4ec3cf77600f773a880bc7412f31296b3cc30ba0', class: "year-selector", onClick: this.toggleYearsDropdown, style: {
                 cursor: 'pointer',
                 position: 'relative',
                 display: 'inline-flex',
                 alignItems: 'center'
             } }, this.currentMonth.getFullYear(), this.isYearsDropdownOpen && (
         // {true && (
-        index.h("ul", { key: '2ef3876e85edabc3b1da6786495e0198f49aa5f7', class: "dga-breadcrumb-dropdown", ref: (el) => this.yearDropdownRef = el }, this.yearsList.map(year => (index.h("li", { key: year, class: `dga-breadcrumb-dropdown-item ${year === this.currentMonth.getFullYear() ? 'selected-year' : ''}` }, index.h("a", { onClick: (e) => this.handleYearSelect(year, e) }, index.h("span", { class: "link__label" }, year))))))))), this.showArrows && (index.h("div", { key: '8ed7afa9ed2cb230d5cca9baa525123b7e0d3231', class: "date-picker__navigator-buttons" }, index.h("dga-button-v2", { key: '985a28922d4029c7235b4e19c4cec0686f5fca9d', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+        index.h("ul", { key: '4a919ae107fa5b770c152e3aa12e765f1a26eb1f', class: "dga-breadcrumb-dropdown", ref: (el) => this.yearDropdownRef = el }, this.yearsList.map(year => (index.h("li", { key: year, class: `dga-breadcrumb-dropdown-item ${year === this.currentMonth.getFullYear() ? 'selected-year' : ''}` }, index.h("a", { onClick: (e) => this.handleYearSelect(year, e) }, index.h("span", { class: "link__label" }, year))))))))), this.showArrows && (index.h("div", { key: '0cb18c3aa2c5c6f1b7415343eec9897c26fcf7a1', class: "date-picker__navigator-buttons" }, index.h("dga-button-v2", { key: 'f1699ce886002859434435b7ec0f4b9c0ead66fc', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'arrow-left-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.handlePrevClick }), index.h("dga-button-v2", { key: 'd96b39a654ee99c5290fbacf5db3ce08a401fdc0', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.handlePrevClick }), index.h("dga-button-v2", { key: '973ce7cbb9ebf940049f21bf336915b689b907f2', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'arrow-right-02',
                 variant: 'stroke',
                 type: 'rounded',

package/dist/cjs/dga-accordion-usage.cjs.entry.js

@@ -7,7 +7,7 @@ const DgaAccordionUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'deb171b69692cb63f0c3d4b134799d654076d050' }, index.h("h1", { key: '6c7bcc0a7205367a4995d8d66ccf057f8f735d39' }, "Accordion Example"), index.h("div", { key: '695d6710d2146a4d276567c5a30846209b64a3e0', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '52fdc14e2fd9825785a55cfe1e715e825d2d0e02', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-accordion", { key: 'ec562f14fd77382fd02e662a6fbbee2df0052899', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), index.h("dga-accordion", { key: '17c72b6fc9e9babbbfa5b553a5b55c1e5c1e2bfc', title: "Accordion Title", size: "md" }), index.h("dga-accordion", { key: '5c2b25315b4acb9fe7d65345e7136b0c5cc68366', title: "Accordion Title", size: "sm" }), index.h("dga-accordion", { key: '462694366330e684801e5270227c4c6e64b2527b', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), index.h("div", { key: 'd35b5b87d06feeb98bd806c33b615bc291f54092', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: 'd728c17615304e20fd2800700a94a99d463acc0b' }, index.h("h1", { key: '46a2a505750332507815947469a841fbd2ede691' }, "Accordion Example"), index.h("div", { key: '3988088b9192b959d8237f0f9e8c4b9ea2101c89', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '607178ac7a835759095036441ad7458dbf9c9d9b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-accordion", { key: '5b5ec6527e5f5e20d7b60c0f4ffb92b3213cb110', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), index.h("dga-accordion", { key: '3491afd6b04f8581de608ea3296ec51291f6ff23', title: "Accordion Title", size: "md" }), index.h("dga-accordion", { key: '9f0f1b9dd776cddb57864f14672e11f718a46102', title: "Accordion Title", size: "sm" }), index.h("dga-accordion", { key: '3df7c3e8740c41fc7ce7572d942825e16ec179b2', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), index.h("div", { key: '0a5b8c7df6a09a79ad477f8664c6dde032d49b7a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-accordion.cjs.entry.js

@@ -79,10 +79,10 @@ const DgaAccordion = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: '6376b3dac9a7529b2960931863cdc8339040575e', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '4904d52f5f08abfeca3ea89f4dd3b6df3843871c', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (index.h(index.Host, { key: '0420ad1be0d0ceb6580ecf33a5d28eb7a77a11cb', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '5deca9dc78a29a8dbb5706906ed2c310563ca4d5', class: `dga-accordion-item dga-accordion-item--${this.size} 
           ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
           ${this.flush ? 'dga-accordion-item--flush' : ''} 
-          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, index.h("a", { key: '6317d615256e04a50303ad1ae94f2fb7cd2b7bcd', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (index.h("div", { key: '9e05866c91dd1694a1158bcc869ad82d93a0ceef', class: "dga-accordion-item__arrow" }, index.h("dga-icon", { key: 'a56ee196cc6d3f67392cb082f579756ebc08bfc2', icon: "arrow-down-01", variant: "stroke", size: 16 }))), index.h("div", { key: '4d6f5f96282015ca73ee41c51e2a1a1a6c7e1ca3', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (index.h("div", { key: '09260dc3288a8498aa02260f3ab39383b257d3eb', class: "dga-accordion-item__arrow" }, index.h("dga-icon", { key: '8ad098fc1560a3793c006baaa4280a51aa5f90e6', icon: "arrow-down-01", variant: "stroke", size: 16 })))), index.h("div", { key: '31d794cf87f40610858ad84570a6eb6738ce93cc', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, index.h("a", { key: 'c735bc6226fd656b86a27eec32f6c0ab7cf56ca9', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (index.h("div", { key: '034036e028dfbd95ccad983a39215cc536964b19', class: "dga-accordion-item__arrow" }, index.h("dga-icon", { key: '45b1202d2ce77fa5813cdbdd540612d0017d268f', icon: "arrow-down-01", variant: "stroke", size: 16 }))), index.h("div", { key: '4430457dcb21147634fbc199809be9fcb69f6ec5', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (index.h("div", { key: '54e48ad16c79b2fdc7df4d70e098bbca6ee0de73', class: "dga-accordion-item__arrow" }, index.h("dga-icon", { key: 'bc031f43cbcd45ee436cb407db094e7e974ca8de', icon: "arrow-down-01", variant: "stroke", size: 16 })))), index.h("div", { key: '7bd3df69e5fdd54beb4aa1ae0caad3501bef95e1', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -90,7 +90,7 @@ const DgaActionMenu = class {
         return style;
     }
     render() {
-        return (index.h(index.Host, { key: '1694689c8e740ecad8d8e3fa228927d51821474a', dir: document.documentElement.getAttribute('dir') }, index.h("div", { key: '4ba5d24d38bfec6792c79063f5e536084436c7bc', style: { position: 'relative' } }, index.h("slot", { key: '873ace2b72b4c1c1d3f3d5cfc366cf28318d7d3c', name: "trigger" }), this.open && (index.h("div", { key: '43d665bd23e4b0a6b5b7706814f24d7aaf69aad6', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, index.h("slot", { key: '1f7f505246b54a9536e719677593cd30a46ebf04', name: "menu" }))))));
+        return (index.h(index.Host, { key: 'a8ad2add15ace376352700bc89dbb2a37bccde6a', dir: document.documentElement.getAttribute('dir') }, index.h("div", { key: 'bf58c5ea2843f02ee7af30c0d6edcb6e3e0b1766', style: { position: 'relative' } }, index.h("slot", { key: 'b8392624627b1dc7a731aa432826eceb46c99fd0', name: "trigger" }), this.open && (index.h("div", { key: 'dddf24c9f242b2b8d16b29cde43b90a19ded2462', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, index.h("slot", { key: 'cc38292ae8a59bc6f4624a8535e8b7c93e6f3a35', name: "menu" }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -125,17 +125,17 @@ const DgaHeaderAction = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'f5112ca33fbbc173767780449e1457e373100594' }, index.h("li", { key: 'c09017454334bfe998c1c768cd2b12d428207983', onMouseEnter: () => {
+        return (index.h(index.Host, { key: '2a993ea45446472114c7e1a27deb377204fb2943' }, index.h("li", { key: '15e5be105e6e8c903c0b879da70ff7e38b5d0502', onMouseEnter: () => {
                 this.openSubMenu = true;
                 //   this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 //   this.active = false;
-            } }, index.h("a", { key: '2aba9c368d5f057b16ac2a48d448a4f9fede2cc7', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
+            } }, index.h("a", { key: '723f498e3d9ba1e468a70a7ef1b781ff350c541a', 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) }, index.h("span", { key: 'b34fe765105b174ea958745c2153fb5dd7aa8895', class: "header-menu__item-arrow" }, index.h("dga-icon-v2", Object.assign({ key: '7db7ec8a19cb51cb57ddfbc7848a1fec8e1da1ac', name: this.icon }, this.iconProps))), index.h("span", { key: 'd562fd27b0f9d020b1dd7548fc2ff0951d283972', class: "header-menu__item-label" }, this.label)), this.openSubMenu && index.h("slot", { key: '3e61bed3f1f5d4ab6158e8a12d1fbc2a1a556ee0', name: "dga-header-sub-menu" }))));
+            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, index.h("span", { key: '49b447f396ac2e1b845c67ee156fe5058f67eea4', class: "header-menu__item-arrow" }, index.h("dga-icon-v2", Object.assign({ key: '0ba859bd7efe385a974a70a831dd10c11e006819', name: this.icon }, this.iconProps))), index.h("span", { key: '1df3e742d1a5a54991fda3fcab8eca5ec4e340db', class: "header-menu__item-label" }, this.label)), this.openSubMenu && index.h("slot", { key: 'a361fd10c97dda04bba6e21a4fa85aa42f7aeb85', name: "dga-header-sub-menu" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -170,13 +170,13 @@ const DgaNavHeaderLink = class {
         });
     }
     render() {
-        return (index.h("li", { key: 'bddc84f3a43fc3e5bc1f96e6df6e1952de5d5336', onMouseEnter: () => {
+        return (index.h("li", { key: 'fa8b7d5ba8156e7930ec06d6390d0fe267558fc0', onMouseEnter: () => {
                 this.openSubMenu = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
             }, style: {
                 display: 'inline-block',
-            } }, index.h("a", { key: '0498548a93c107fde2a5bc18d42c8175ac9d1696', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, index.h("span", { key: 'e2ed39458c51acf0adb160be228399c818e781fd', class: "dga-header-menu__item-label" }, this.label), index.h("span", { key: 'b93ce21ba6f105d8051bab4666a8296a24d55936', class: "dga-header-menu__item-arrow" }, index.h("dga-icon-v2", Object.assign({ key: '2d3e0cb4edcd78225a9cb7a820970c3149a0c0ae', name: this.icon }, this.iconProps)))), this.openSubMenu && index.h("slot", { key: 'c4574573ed4b5363cc6700a0fe2d92c4daf31973', name: "dga-header-sub-menu" })));
+            } }, index.h("a", { key: '66ba74876a69829803d3146c28fe5bd5738380cb', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, index.h("span", { key: 'f544f95027778024bbe37179dfdabceb92087761', class: "dga-header-menu__item-label" }, this.label), index.h("span", { key: 'fefcb5aaba117c4e27e528d020b69038a5e150c3', class: "dga-header-menu__item-arrow" }, index.h("dga-icon-v2", Object.assign({ key: '07f0afa102c2103964e9e69bf69893264c391065', name: this.icon }, this.iconProps)))), this.openSubMenu && index.h("slot", { key: 'b98dd69230ad484bee827c392adfd09c470fa3f2', name: "dga-header-sub-menu" })));
     }
     get el() { return index.getElement(this); }
 };
@@ -206,7 +206,7 @@ const DgaHeaderSubMenu = class {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (index.h("div", { key: '1238393136d333637ad2e1cfdb273f73a04a23c3', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, index.h("div", { key: 'a088133460019fc93a86d798639d63a45b44ea58', class: "sub-menu__container" }, index.h("slot", { key: 'bb459eda8a501da239dddba366bab51ddeaa2ce8' }))));
+        return (index.h("div", { key: 'a7b082ed342d748a1f939d36c8f458469883ba06', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, index.h("div", { key: '80fbec50d29a67619cc1d421972163914896425f', class: "sub-menu__container" }, index.h("slot", { key: '284a5737648643a3be7ea2a6b31367576516f239' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -223,7 +223,7 @@ const DgaHeaderSubMenuColumn = class {
         this.label = '';
     }
     render() {
-        return (index.h("div", { key: '47fd03418cbc0be7ae13fff47a09661d0bc4b8cc', class: "sub-menu__column" }, this.label && index.h("h2", { key: '7f8e941e88f1b87f1b1b48e55043c80b9e9ccc9d', class: "sub-menu__column__label" }, this.label), index.h("slot", { key: 'd2d7d30e6f0d0840c868afe88281ba915e6ae350' })));
+        return (index.h("div", { key: 'a6e781f92a319456f98cc97d39d84618d8a4db0a', class: "sub-menu__column" }, this.label && index.h("h2", { key: 'c0399388a93737386d76873ec2ef53449740efe1', class: "sub-menu__column__label" }, this.label), index.h("slot", { key: 'ce9fe4cb5d5428224061e5f814063a28c3822d17' })));
     }
 };
 DgaHeaderSubMenuColumn.style = dgaHeaderSubMenuColumnCss;
@@ -243,7 +243,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 (index.h("a", { key: 'c840b0e0c1e273268859cbc2a390d79fefdb6d9f', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? index.h("div", { class: linkStyleClass }, this.icon && index.h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, index.h("dga-flex", { key: '249974c764ab2560fc8ecb466eb7603a90fec463', direction: 'column', spacing: 4 }, index.h("dga-flex", { key: '4c09e995518c9559619ec73e5edd45407b58b2ea', direction: 'row', align: 'center', spacing: 8 }, index.h("span", { key: '1d1f53055212affac702feb8751f8f0256234942', class: "sub-menu__link-label" }, this.label), index.h("slot", { key: '862b66a27ebbf37dcba96d5cbe13b677d6391837', name: "tag" })), this.helperText && index.h("span", { key: '7e65f6603c17310a00ba6b5c774a15bb0203606d', class: "sub-menu__link-helper" }, this.helperText))));
+        return (index.h("a", { key: '2dbbc4407f89b6faf7cb4b9316dcfeab6680f78e', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? index.h("div", { class: linkStyleClass }, this.icon && index.h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, index.h("dga-flex", { key: 'e81b981b70ae9a96f3a966bf7f52e9d1a7937f15', direction: 'column', spacing: 4 }, index.h("dga-flex", { key: '6a8a1f55c1919f4f67d65d86392b7e8eedf3c438', direction: 'row', align: 'center', spacing: 8 }, index.h("span", { key: 'd95e3c2451fce4b9589b905435aa790c43e37618', class: "sub-menu__link-label" }, this.label), index.h("slot", { key: '7f505721685ad7990b3f3c1b621acce75d4c2641', name: "tag" })), this.helperText && index.h("span", { key: 'c9e0b55cc0ade18af23dc7245d1321790fb6a00d', class: "sub-menu__link-helper" }, this.helperText))));
     }
 };
 DgaHeaderSubMenuItem.style = dgaHeaderSubMenuItemCss;
@@ -258,7 +258,7 @@ const DgaHeader = class {
         this.sticky = false;
     }
     render() {
-        return (index.h("header", { key: '012d2f08f9a693323ea77fe8a8a6ae97d38669b8', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, index.h("nav", { key: 'b41738066ed14b8b3803c1bd09c4369020354d44', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, index.h("slot", { key: '065a6b9877d0c54a4c925f12b68ff8ab199f1a60' }))));
+        return (index.h("header", { key: '08903cd169071cb664b7a6c3846348c1c6940594', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, index.h("nav", { key: 'eb018797c8644e934618bdc1cbd5f56cb1498bcb', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, index.h("slot", { key: '6388b84796ec5d37674fa1bc211b8fce0e998bb7' }))));
     }
 };
 DgaHeader.style = dgaHeaderCss;
@@ -284,9 +284,9 @@ const DgaLogoPlaceholder = class {
     // }
     render() {
         // const logoSize = this.getSize();
-        return (index.h(index.Host, { key: 'fcc36b4e9d5cb8ce754cbe88293269e2d71ffbfe' }, index.h("div", { key: '9d7110482df3debe19d3e1120b199b1b365ccfb2', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, index.h("img", { key: '173bf3b69c456e97c59d725209dedeac438bd362', src: this.src, alt: "Platform Logo",
+        return (index.h(index.Host, { key: '23f18dfc563b64287516a855e06432eb718cb5d7' }, index.h("div", { key: '9a725d70e126e603f68dbb1de86c2d7d684a8748', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, index.h("img", { key: '9061873655bbb95ec75d6d7679ec714cd45e06fd', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), index.h("span", { key: '0451724ba37be0fb485ab10f56776b467f12b76e', class: "logo-text" }, this.text))));
+            class: "logo-image" }), index.h("span", { key: '0cf6714fbbd276def7c5cabcc32e0352c56e662b', class: "logo-text" }, this.text))));
     }
 };
 DgaLogoPlaceholder.style = dgaLogoPlaceholderCss;
@@ -296,7 +296,7 @@ const DgaMenuList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: 'eea19fa1358c223cfd284b7533ccc9979c102fe4' }, index.h("slot", { key: 'f66a339457384f2b39c4e06c33a91691d2869245' })));
+        return (index.h(index.Fragment, { key: '00b00f49b7c00b6aea88d1f9ad5611189ff4e6e9' }, index.h("slot", { key: '634e58a8ad891151514f6788b0ad0c774c064918' })));
     }
 };
 

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

@@ -27,7 +27,7 @@ const DgaActions = class {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (index.h(index.Host, { key: '708ea985a44128b34594f8bd32f65e4807394499', style: styles }, index.h("slot", { key: 'fa7c50a31f5832c2751c60bb5734419a61c11bbb' })));
+        return (index.h(index.Host, { key: '50cef7edfd91a7e340e515705ed9ccbdfa3c7b00', style: styles }, index.h("slot", { key: '1fff4c90bc6c0e2e720473d16b1877b0765a1dec' })));
     }
 };
 DgaActions.style = dgaActionsCss;

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

@@ -7,7 +7,7 @@ const DgaApexChartUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd18b5ef8888e2b79c480b596187a6c513303e7ef' }, index.h("h1", { key: '5af812496c772999a911a04718f9eac4cb2126d2' }, "Accordion Example"), index.h("div", { key: '6c251a3d6dfebdfe0dc9f1018594f85f5d4c61f7', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'd0f176557ad9f30e4f0725ddca87a2c7d60baa02', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("apex-chart", { key: 'c2b2e4b3bb6061436123a1456f0ac90a2d5dc74c', id: "timeline-chart", options: {
+        return (index.h("div", { key: 'debef59101dd69620ef1b146076546a55947ee01' }, index.h("h1", { key: 'fe8dab684419717699b847c44819ddf4465ed701' }, "Accordion Example"), index.h("div", { key: '24b23ee7be336ab4ee74e8bf2a651aa9592a7198', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '774457446862bc01c3c01a1355ff41cc1b1d268a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("apex-chart", { key: '9529840313716d119538142af7f397a9a7de6190', id: "timeline-chart", options: {
                 annotations: {
                     yaxis: [
                         {

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

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

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

@@ -24,10 +24,10 @@ const DgaAvatarGroup = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: 'b5a3e5b1a249e9b54787e989a1d6d4af5481f8fd', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("div", { key: '1088e3d147ac4e2d35c485854eaaaa537e1acc40', class: {
+        return (index.h(index.Host, { key: '7b1d993133eeb8dafaf4b047119bb7f41204e322', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("div", { key: '2cde79186beb2593f3597b6e0401e367216c9f00', class: {
                 'dga-avatar-group': true,
                 'dga-avatar-group--stacked': this.stacked,
-            } }, index.h("slot", { key: '85eae3fb02744afdea051551601fdc224868148b' }))));
+            } }, index.h("slot", { key: '72cdfe846f77dbf0104e9738d1f59a954d014e73' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -8,39 +8,39 @@ const DgaAvatarUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '3a583b627573a5d3092e833bf2c9b74d901f5fed' }, index.h("h1", { key: '06e9492e0c7cb5a2812a775168aea3e6345bd9cb' }, "Avatar Example"), index.h("div", { key: 'ba81aad310ca183f3a17acca96512ae9712c5020', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '5905c6fea7b56a33717873b1a24a1bc1ec10b1f9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '3e5103b26f65bb048d3498874ed4750e6f6d9422', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, index.h("dga-avatar", { key: '0523ab6d65cde4dbbccc2df1e0c617acd5066818', size: 120, border: false, square: true, sx: {
+        return (index.h("div", { key: '193d238ff8b41886d6e413c92caa5b068ac8734a' }, index.h("h1", { key: '5c7e8fba7c5543655a8fb1f23e6e4b792e5e72f4' }, "Avatar Example"), index.h("div", { key: '8bbdea2d63e3ed3cc2ad4d3d04e0bdbf6485e129', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '86b30b35da4122cc6d4017b88c11e6a0c1bf1873', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '584e11368b1641813d2a6f55cc7634178e6a5567', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, index.h("dga-avatar", { key: '423406260aaf87943c0b40cb31a49df03b717eaf', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), index.h("dga-avatar", { key: 'f5c18465900032bca70edd3881e51ccdcf6f9403', size: 120, border: true, square: true })), index.h("dga-avatar", { key: '3f9bea90d36869ee4b91b4f99a09d1079ab5ebc5', type: "icon", size: 120, icon: {
+            } }), index.h("dga-avatar", { key: 'a9c28a7732f1ecfd9801e5a639a89fbb7fd9c42c', size: 120, border: true, square: true })), index.h("dga-avatar", { key: 'eee37fa40046a2fe771ffd90aac075dd66f9763a', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '29656a76abc53a7d9db5bb208bb216af15701b5f', type: "icon", size: 80, icon: {
+            } }), index.h("dga-avatar", { key: 'cb2e7d54ab394528400f4b8f2be0280c010f3735', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: 'b231be665cdf003ad0709e6243e082767b288445', type: "icon", size: 68, icon: {
+            } }), index.h("dga-avatar", { key: 'c88d5df0b98455eb3b528ce075ae3145fd34d6b3', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '22cd1631de536d7da98cd94c6e5e12246e7fb8c0', type: "icon", size: 48, icon: {
+            } }), index.h("dga-avatar", { key: '39122daf998afb1fa0bd70003a6fb93adf71cac9', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '0579fae37b7b8b5c423ffcafa544e87d106628fe', type: "icon", size: 40, icon: {
+            } }), index.h("dga-avatar", { key: 'b37e2dacfdfd78df81f7d8ed254c966cb1c011f6', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: 'aa4b17fc3c1bdb1078fb9443da294fe2662b1495', type: "icon", size: 32, icon: {
+            } }), index.h("dga-avatar", { key: '059e5d33f9c6b94aea74dd5c037baacf4dab98de', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '2ccd27f61b7ef5152c5c5cc1eb8d257ab1d59323', type: "icon", size: 24, icon: {
+            } }), index.h("dga-avatar", { key: 'ce14be8770db9a2e505acfd64f3c80ca143240a0', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), index.h("dga-avatar-group", { key: 'f7893d2a922d7a3320f4ca2d686fc6b02164075d', stacked: true }, index.h("dga-avatar", { key: '7da6aa774b8191340ba710dac81ddbf8331269f8', type: "initials", text: 'AB', size: 40 }), index.h("dga-avatar", { key: 'b8dbd22ef151463fc68f2ee492903008ff49015c', type: "initials", text: 'CD', size: 40 }), index.h("dga-avatar", { key: 'fb1665fd2dee927dd00acf1576715bd0b94efa67', type: "initials", text: 'SB', size: 40 }), index.h("dga-avatar", { key: 'b02fe1efd279b74290399c312c800df8dd20586b', type: "initials", text: 'WK', size: 40 }), index.h("dga-avatar", { key: 'cb1a83124d4b36d699063e5367e2d1e9d47a130d', type: 'initials', text: `+4`, size: 40 })), index.h("div", { key: '94e1aefc5a074dd4c6975f53423b96637d93b250', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("dga-avatar-group", { key: '295d73c6bb2af6d7fc20760a1abb6a908fba91a3', stacked: true }, index.h("dga-avatar", { key: '4e596fbe7926f0f9913331e10e16966b70f183a5', type: "initials", text: 'AB', size: 40 }), index.h("dga-avatar", { key: '6a18f8b235d51720aa5b141ecedb0c7f4c27c952', type: "initials", text: 'CD', size: 40 }), index.h("dga-avatar", { key: 'e58c465d425aea011382366d7d043e9e2fcab43c', type: "initials", text: 'SB', size: 40 }), index.h("dga-avatar", { key: '19766900183fc22d218b734535e27da0a03f8498', type: "initials", text: 'WK', size: 40 }), index.h("dga-avatar", { key: 'ac492735b35b08492c48fc8d82796e6220f8a83c', type: 'initials', text: `+4`, size: 40 })), index.h("div", { key: '5346b3d2a9883866327bf1454357c32f7adfe6a6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -8,7 +8,7 @@ const DgaBreadcrumbsUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '44bda33bc39a374cf77706c91cceefc24fe94c90' }, index.h("h1", { key: 'd66d37fa7491528933a433002a079eb31c08dfdb' }, "Breadcrumbs Example"), index.h("div", { key: '733e8c82c23d16d9b40b81e28d4abbaac2b388bd', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '241e9274dfb9e6dc4016b847bdd4074fc128e62d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: '72b9505073ac5998731071f698a0cbc6160d9947', label: "Link", variant: "neutral" }), index.h("dga-breadcrumbs", { key: 'c157e9c59c857e9bbbc75a7adbea2caa93daabec', items: [
+        return (index.h("div", { key: 'fcac40fcf0c16198bd638bdc007882d9795780ea' }, index.h("h1", { key: '36dcea57623959cc3bcecd7aa63a983577761bdb' }, "Breadcrumbs Example"), index.h("div", { key: '56652fbb3ac1b8fd1e105e6c1f562dc91fdd1af4', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '3a3f8c49e8aae8f0bf90c3f19565dc45343176cd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: '980aec2687e3c5ce354314b3405d2d5e55b864cd', label: "Link", variant: "neutral" }), index.h("dga-breadcrumbs", { key: 'cd45dba16444619ab4d215fe203f6ab48db1fef0', items: [
                 {
                     label: 'Home',
                     path: '/',
@@ -26,7 +26,7 @@ const DgaBreadcrumbsUsage = class {
                     label: 'Keyboards',
                     path: '/products/keyboards',
                 },
-            ], max: 3 })), index.h("div", { key: 'a5aed8b745081cb100e2766e0a69750f394226cf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], max: 3 })), index.h("div", { key: '7c396549240d7d8f7167f5b132152ed443bd278e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -10,7 +10,7 @@ const DgaButtonLeadingIcon = class {
     }
     render() {
         // Check if there are any child elements
-        return (index.h("span", { key: 'b182ed4a863d600e9c006533a8c79611d49caaf4', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, index.h("dga-icon-v2", { key: 'be52a7f7de8fbb6bd7d3474475b8620e635927c1', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
+        return (index.h("span", { key: '51c5201ff4b203cf8a7477e3df2a421c97de4195', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, index.h("dga-icon-v2", { key: '1f6b6a98754545de0d6b210d84a88633a0780f47', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const DgaButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '19a2433057f8dbc17a692e155d588c8bb24dcff8' }, index.h("h1", { key: 'e16a447fa9ffd97086aaff516809af8ea730f3be' }, "Button Example"), index.h("div", { key: 'ef001c1af314ce4875055d6fc1ab55643350ab53', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '736e697fcb99c2251d5f5c5d6a030787e8a522e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-button", { key: 'ec8acf0ae303f9b209c32e178d45d14f749e4431', label: "Click me", variant: "primary-brand", sx: {
+        return (index.h("div", { key: 'f60fb65a6d8d25bd0963a1aee2e93d979cf8e594' }, index.h("h1", { key: 'b5c0c1bda48058e0c228608e9361ff8ae152ba05' }, "Button Example"), index.h("div", { key: '46afd28b03c20d057a92e73c4fde04c1f8ed59ce', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'ee5d75a3b65a8c78a024360b2b6a50ad05ece60d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-button", { key: '40b91e2769e854cc06fe654afe70349c99b133df', label: "Click me", variant: "primary-brand", sx: {
                 '&': {
                     fontSize: '18px',
                     fontWeight: 'bold',
@@ -21,12 +21,12 @@ const DgaButtonUsage = class {
                 '.dga-btn:hover': {
                     backgroundColor: 'blue',
                 },
-            } }), index.h("dga-button", { key: '122dbe3588a7bdb0b76f4c1a2dd76ed63d28a641', label: "Brown Button", variant: "primary-neutral" }), index.h("dga-button", { key: '13f2aa7abaeee15f05819f22ba06f11919467874', label: "Button", variant: "des-transparent" }), index.h("dga-button", { key: '24909b5400736c140977cc90cfcf6e859b8730d5', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), index.h("dga-button", { key: '5a636b64652a28c8c30a50573d26a3f5abee0ba2',
+            } }), index.h("dga-button", { key: '60f3258b4054a77af233a8927545327023a6302c', label: "Brown Button", variant: "primary-neutral" }), index.h("dga-button", { key: '2e740b397d1d41dc5000739091cadacae263e06c', label: "Button", variant: "des-transparent" }), index.h("dga-button", { key: '31f7473b5d47efe5ca6279e05ae2ea3b9b35fc6b', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), index.h("dga-button", { key: '2b1554b5bd06ddfa7123314f7a1ab9bd6041f086',
             // 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',
-            } })), index.h("div", { key: '4d55ae90ec8d1e3c3733e481558a43c80e2db70f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("div", { key: 'b2fac2003873d9c2aa089956701b29005c2d7444', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -8,13 +8,13 @@ const DgaButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '62912bbc6e65a9492a73328564668d34aa9abdcd' }, index.h("h1", { key: '6c221cdd9c033bd17ee93029d394127e03357994' }, "Button Example"), index.h("div", { key: 'ddea013f3090c7e7e7455f0046dabd53de96cd0a', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '33330576f9eeca9d0801031e69b9e545e6b25c64', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: '66b5618032bdbde6d8ef3a3ca34ef3e6372ad9be', direction: "column", spacing: 16 }, index.h("dga-button-v2", { key: '4a0fa7e2d7e1dfc7a3bdf5dd7c599a08d22ea1ff', label: "Button", variant: "primary", size: "lg" }), index.h("dga-button-v2", { key: '182463c6fccf4d1f3bcd6dd9f5099549c797909e', label: "Button", variant: "primary", size: "md" }), index.h("dga-button-v2", { key: 'b40fcfa4cd327e3ce84273f5a80d22d7fc0be7f0', label: "Button", variant: "primary", size: "sm" }), index.h("dga-button-v2", { key: '79b20c61a62868b5b62cdbe756233bf157ed1ab9', label: "Button", variant: "neutral", size: "lg" }), index.h("dga-button-v2", { key: '71a71102e49f1c73561bb11646f0408a3b43f251', label: "Button", variant: "neutral", size: "md" }), index.h("dga-button-v2", { key: '3f518b4640c32f7b841fb724d396e91742d123e3', label: "Button", variant: "neutral", size: "sm" }), index.h("dga-button-v2", { key: 'f0d3309ae06a32963848b1106057ec6e7ffc52e8', label: "Button", variant: "secondary-solid", size: "lg" }), index.h("dga-button-v2", { key: '0a79a0f545508c9ab8e042416fe04919365e5633', label: "Button", variant: "secondary-solid", size: "md" }), index.h("dga-button-v2", { key: '92d018c2097b64dd20e1296b136b4ade81ca7146', label: "Button", variant: "secondary-solid", size: "sm" }), index.h("dga-button-v2", { key: 'beef54cd29768553d739da27ae7fd3c5d7399e84', label: "Button", variant: "primary", destructive: true, size: "lg" }), index.h("dga-button-v2", { key: '7ec7f514e470dabeeb4bc7390b5709fb9297537a', label: "Button", variant: "primary", destructive: true, size: "md" }), index.h("dga-button-v2", { key: '6cefb8a9c8407a625b03311ffa80ae7cda1fd425', label: "Button", variant: "primary", destructive: true, size: "sm" })), index.h("dga-button-v2", { key: '0617cd7f9cc299cba7b9d2cf2999bfeaad715c4d', label: "Button", variant: "primary", onColor: true }, index.h("dga-button-leading-icon", { key: 'a4ec1c158f6f7c051dceea240d86feb81ccc9b21', name: "link-square-01", size: 16, color: "red" })), index.h("dga-button-v2", { key: '03604467cf29802efd3df308e5eb9cb44171a44a', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), index.h("dga-button-v2", { key: '18420f649770f00b6745e330d6e4efc49927fda2',
+        return (index.h("div", { key: 'bb77901d2fdafe7121f8f0fda4fb52693fc33a17' }, index.h("h1", { key: 'a4f479ab3ab70e9ea9867bc634d8b87b249435cc' }, "Button Example"), index.h("div", { key: '937d5cff63f3ea5077852ab54d245afcff12943a', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '5c5b7de089c27219c5d622c496bf9588b40dcc3c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: '3caecf289d7ffc442d4c5dd8eed38b43011572d0', direction: "column", spacing: 16 }, index.h("dga-button-v2", { key: '42462f99eee37c6a8c9be6e91965f4a07231c547', label: "Button", variant: "primary", size: "lg" }), index.h("dga-button-v2", { key: '8b84df4212ddd4c5494ce7c69a9ec69ad4ac36d5', label: "Button", variant: "primary", size: "md" }), index.h("dga-button-v2", { key: '337435766445d4a0630e4bc4cd1df9fba4671923', label: "Button", variant: "primary", size: "sm" }), index.h("dga-button-v2", { key: '86be9b82e8a747d3132b1321762702f8ea6e331f', label: "Button", variant: "neutral", size: "lg" }), index.h("dga-button-v2", { key: '52091e7d8e851373706144c444c328c3019e6411', label: "Button", variant: "neutral", size: "md" }), index.h("dga-button-v2", { key: '086a3905ae0e42b34528c69a89871000c63e13da', label: "Button", variant: "neutral", size: "sm" }), index.h("dga-button-v2", { key: '67889c811dafce96510d6535279b3359939e9b31', label: "Button", variant: "secondary-solid", size: "lg" }), index.h("dga-button-v2", { key: '3e9c4968bfb3a7fb58752b34dc588e088f0a9ddf', label: "Button", variant: "secondary-solid", size: "md" }), index.h("dga-button-v2", { key: '63c3e6b929044e860c7e82d6f067e36412e7f769', label: "Button", variant: "secondary-solid", size: "sm" }), index.h("dga-button-v2", { key: '8af7146eed01e3784a4b5a46d7868d345acd8e3b', label: "Button", variant: "primary", destructive: true, size: "lg" }), index.h("dga-button-v2", { key: '58406da872bfe22fe9f6d52d4211e650d0d03c68', label: "Button", variant: "primary", destructive: true, size: "md" }), index.h("dga-button-v2", { key: 'ccfdd7f852129cabdb079b4000186cea571257a2', label: "Button", variant: "primary", destructive: true, size: "sm" })), index.h("dga-button-v2", { key: 'fdd3892d25fd90eef576eeb4f1389c0afcbc6507', label: "Button", variant: "primary", onColor: true }, index.h("dga-button-leading-icon", { key: '351344df6d3626d23ab5c3e0dd41102dcb93022b', name: "link-square-01", size: 16, color: "red" })), index.h("dga-button-v2", { key: '5b9c02ed6d96acc0a4e4645d643335a205b0bce3', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), index.h("dga-button-v2", { key: 'c0489eaf4470420c8d70d73938ad41f7ddc352d3',
             // 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',
-            } })), index.h("div", { key: '8617633fffcb3ce70ff2990dafe16aa05bb3f4fc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("div", { key: 'a0309f9344ff66c254753653e8924f699835672a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -40,7 +40,7 @@ const DgaCardActions = class {
         this.expanded = !this.expanded;
     }
     render() {
-        return (index.h("div", { key: '70381ac30bb2cc7dc082965284b6b7ce73d37d86', class: "card__action card__action--default" }, index.h("slot", { key: '0c9e7ed2c8f89e79169b4dee00334753d145aea8' })));
+        return (index.h("div", { key: '6ae00ef9e35323193548b09181d98661f6a2236c', class: "card__action card__action--default" }, index.h("slot", { key: '8c0b33666776f9c8d3cc3c4e4d121ecf25b9e6c0' })));
     }
 };
 DgaCardActions.style = dgaCardActionsCss;
@@ -52,7 +52,7 @@ const DgaCardContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '446e0c52bf0969f5bf211a549cf744873adbe959', class: `card__content` }, index.h("slot", { key: '851f7596d4c3b7113d3762f74c2b00e94e38e00a' })));
+        return (index.h("div", { key: '6954c1c5983c948327f71cb46e01787af52b2bf6', class: `card__content` }, index.h("slot", { key: '874321faa6047fc96953099ee0323f6a12ab152d' })));
     }
 };
 DgaCardContent.style = dgaCardContentCss;
@@ -64,7 +64,7 @@ const DgaCardExpandableContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7cbad33220fd6b68cb5287cf7a3b5db502f9cf71' }, index.h("slot", { key: 'af92af6702e370fae6a053ae073df722f32628b1' })));
+        return (index.h(index.Host, { key: '3ef125b82ea273ec7ddc8311bb7d4569a6e22160' }, index.h("slot", { key: 'd4c254d27b712c28f32dee8e19f9ecba076c6d5e' })));
     }
 };
 DgaCardExpandableContent.style = dgaCardExpandableContentCss;
@@ -159,7 +159,7 @@ const DgaCardV2 = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: 'dc0c881744e6458953c9becdbcb2a4fa1556d81f', id: this.componentId, style: this.rootStyles }, index.h("div", Object.assign({ key: 'd26ff98d8700c7731729bde7281d148963fd0a35', 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' && (index.h("div", { key: 'ee47d3c745d0510cbf0a5c7b98b09a5d5e51c75d', class: "card__checkbox-container" }, index.h("dga-checkbox", { key: '83c21946cf0f86e76dc97abb3e140b732dd11087', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), index.h("slot", { key: '350d32fdd7354aed8a86fc93defc0430070637ac', name: 'card-content' }), this.type === 'default' && index.h("slot", { key: '24d507cc53e8d80a35374a73d6583dca45417050', name: 'card-actions' }))));
+        return (index.h(index.Host, { key: 'b3cf7be36254d48019e14dc943e877b2a24cdd55', id: this.componentId, style: this.rootStyles }, index.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' && (index.h("div", { key: '0c80673ea92c7459e4a5580e5eb26f24e4f78e80', class: "card__checkbox-container" }, index.h("dga-checkbox", { key: 'f8176513580648d3668225146b0f0735279f6899', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), index.h("slot", { key: '7ab63199ea439af1d42f8cc94b02d0323c727d33', name: 'card-content' }), this.type === 'default' && index.h("slot", { key: 'bcdfbcb0a8c494559ff1b69571de7fee7d9052a8', name: 'card-actions' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -59,7 +59,7 @@ const DgaCardTitle = class {
         });
     }
     render() {
-        return (index.h("h4", { key: 'be0a28996bc5461c12b7631290916d0aa4aeb1be', class: "text-lg-bold" }, index.h("slot", { key: '2f44395cce9541d5c728837666f6ede9b09c2d73' })));
+        return (index.h("h4", { key: '8785b473294f99d0c5a8ba750538bfb02e13c080', class: "text-lg-bold" }, index.h("slot", { key: 'e068f8b309e912bb7c769b8f310a0b3649b97b48' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -9,12 +9,12 @@ const DgaCardUsage = class {
         this.selected = false;
     }
     render() {
-        return (index.h("div", { key: 'a5891b4a7e1c7c6f40534dba563a0868c030b6be' }, index.h("h1", { key: 'f4bdc496f1b640e4ca9debae252aebae0408cccc' }, "Card Example"), index.h("div", { key: '3852ccdd17c58d4369377947b5eb2aefd553afe5', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'a24d0337bd66b59374ee5c651bd1e2104cac991f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-card", { key: '9ec040fdee43c39087ed6ea1e80f1e1907f1794d', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, index.h("div", { key: 'cfa10cad35b0f4c53ea5a0c16ade5e01d179372d', slot: "collapse-content" }, "dgdsgdfgdfg")), index.h("dga-card", { key: '7fca6697abb3c4218c8eb6ebe0ea026a2d6dce90', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), index.h("dga-card", { key: '9d31f50eaeb197f8cbce1467aeb573b78b59dd70', cardTitle: "Card Title", sx: {
+        return (index.h("div", { key: '3303f9ca0d1ca5f366db9122156d6289a97845e8' }, index.h("h1", { key: '20e73672e0dc8549382adbed4ee87a58d3ed1fb8' }, "Card Example"), index.h("div", { key: 'bb546b3ba10afa1d4a1b82f5359d1b265bc6cc00', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'e14b5bfd629fde7904a0295f28b4c0a8eb39f575', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-card", { key: '844e264b21f36a6286538b54aba0d1cbcc699271', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, index.h("div", { key: '8475d7743e84b7f4e2e1a1e4f59490b494f20c6c', slot: "collapse-content" }, "dgdsgdfgdfg")), index.h("dga-card", { key: '865b144e2ab7b8d982e86267b59d59f74caf020e', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), index.h("dga-card", { key: '1d6d9c1e686839f03c7273684423f6054fbf2d16', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), index.h("dga-card", { key: 'ec89d1a7e46c0b89e5097f4d734796f57916293f', cardTitle: "No Shadow", effect: "no-shadow" }), index.h("dga-card", { key: 'd14ef0aa42b8d53b305fd4fdf0d1abd06d6cc812', cardTitle: "Stroke", effect: "stroke" }), index.h("dga-card", { key: 'f8a9b640ab7b7fd169422c61ca285dfb41358c82', cardTitle: "With Shadow", effect: "with-shadow" })), index.h("div", { key: '26a0b295fc2397a857048501d22fc1d8a0914ada', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), index.h("dga-card", { key: '60f9eae5db1f4ab01d39cfe887a482979630286b', cardTitle: "No Shadow", effect: "no-shadow" }), index.h("dga-card", { key: '343c535400adc65be3f65353380927fbb6a80a7e', cardTitle: "Stroke", effect: "stroke" }), index.h("dga-card", { key: 'a0f28915413038c9e10dd4b9f95aaf474437c978', cardTitle: "With Shadow", effect: "with-shadow" })), index.h("div", { key: '350c29fedd677fd189fba46178d37bd84da52e12', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -9,17 +9,17 @@ const DgaCardV2Usage = class {
         this.selected = false;
     }
     render() {
-        return (index.h("div", { key: '9d09f81e8993d2c618bff18548e7665ef6adfbc2' }, index.h("h1", { key: '07e861f6bace8351ef3526d0edf0b76760e8341d' }, "Card Example"), index.h("div", { key: '47b5bd30e5c9640412aa980be6e6a1cc035feaf4', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '17e83040b30370ea0ec928742d3df207270bda5c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-card-v2", { key: 'b24eae2b52b5dd17a6cbf7efe72cbb67fbfe658d', type: "default", sx: {
+        return (index.h("div", { key: 'ce98886819f82d7f359e6bc536531f8f92f34f17' }, index.h("h1", { key: '015e45c1e8f607285249e09b5367df7669aa9b58' }, "Card Example"), index.h("div", { key: '75fd9d4512dcceab5ce1cb5c27e7f0f90a44562a', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '1e072764b77ffd6fc216ff388d2938043531fcc9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-card-v2", { key: '81e2efc0032798f7f70622024fc3cdc4e76bb705', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, index.h("dga-card-content", { key: 'ec0cf34d45a63283a9909c6be97ddae58ae34932' }, index.h("dga-featured-icon", { key: 'b7523c04bc1083ffe11ec3524a5604c6c2d7b0e7', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, index.h("dga-card-content", { key: '858218826169c82a73b16defa358786562886e2b' }, index.h("dga-featured-icon", { key: '056eaefbc0217f2c42bb888cfab977a0890e1987', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), index.h("dga-flex", { key: '63b901eb2e014bbfc7859f5d9d00330e6c55f92b', direction: 'column', spacing: 8 }, index.h("h4", { key: '25b5608b06ffda21a96baed68243878825c3bca2', class: "text-lg-bold" }, "Card Title test"), index.h("p", { key: 'ec5e72e6d8b3267ed73bc074c4f2d6ef5b14fc08', class: "text-md-regular" }, "Card content placeholder text goes here")), index.h("dga-flex", { key: 'c3748bc0048fae6457f03ff6901e96f812676814', direction: 'column', spacing: 4 }, index.h("dga-rating", { key: '3466fe198f330160f4bb2da98721efad2832ae8f', value: 4, size: 'sm' }), index.h("span", { key: '520052c4de814de8a2e97aa56c67b63b328a1b92', class: "text-xs-regular" }, "12 reviews"))), index.h("dga-card-actions", { key: '2e83da345a9e77678e8b61d919ba2ec0402fa8d2' }, index.h("dga-button-v2", { key: 'a67d2424ef17f32cebecb2b8051495cee0dddc69', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), index.h("dga-button-v2", { key: '87b273074ee779041e2ee464d6ac191c22a4da02', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), index.h("dga-card-expandable-content", { key: '00d02ddbaac56ca49486f08a331c8e5b14c3b2af' }, index.h("div", { key: 'c1f4d61693b9de39e710314baf560b57799d4344' }, "Expanded Content"), index.h("p", { key: '49b51037005f1f881e33c52bf1a9841287ecb41b' }, "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.")))), index.h("div", { key: 'debe7e6bbe87b8b8232265ba4131537f86ac90c7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), index.h("dga-flex", { key: '8bfe2b2809531a96db08d35e42c0f1cb0a1d0472', direction: 'column', spacing: 8 }, index.h("h4", { key: '41c8b777b90242f777c70798216db2ff155ab190', class: "text-lg-bold" }, "Card Title test"), index.h("p", { key: 'd9838775750bfc6774c6a92fdea441d34790e825', class: "text-md-regular" }, "Card content placeholder text goes here")), index.h("dga-flex", { key: '57efae9806a38b988b149f7b8cff5e2bcf31f06e', direction: 'column', spacing: 4 }, index.h("dga-rating", { key: '430973de0454d04c7639afd40b162e1c4033ff8e', value: 4, size: 'sm' }), index.h("span", { key: '4eee667bcc22459b83d256da2ea8a16ee1995f5e', class: "text-xs-regular" }, "12 reviews"))), index.h("dga-card-actions", { key: '58ac4b41aae907790eed36d49cdb4a69e7730eb0' }, index.h("dga-button-v2", { key: 'ea1f8d86a450443cc32e8c86a4c8d5d057f394e6', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), index.h("dga-button-v2", { key: '01477274960267f683628626edac6a8a5544f0da', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), index.h("dga-card-expandable-content", { key: '30642680580f8633536d5d511162844b77afddf8' }, index.h("div", { key: '25066b0951f619435ee4bd7922d04c49b7ace771' }, "Expanded Content"), index.h("p", { key: 'a481ca8c047150a6400c7237fa24e609ec2e8d0e' }, "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.")))), index.h("div", { key: '4ae077c90e6ff271e09ff1e1d37da45677448a37', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };