@maggioli-design-system/magma-react 2.0.0-beta.2 → 2.0.0-beta.5

package/dist/components.server.js

@@ -0,0 +1,119 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+export const serializeShadowRoot = "declarative-shadow-dom";
+export { MdsAccordionItem } from "./mds-accordion-item.server.js";
+export { MdsAccordionTimerItem } from "./mds-accordion-timer-item.server.js";
+export { MdsAccordionTimer } from "./mds-accordion-timer.server.js";
+export { MdsAccordion } from "./mds-accordion.server.js";
+export { MdsAuthor } from "./mds-author.server.js";
+export { MdsAvatarStackItem } from "./mds-avatar-stack-item.server.js";
+export { MdsAvatarStack } from "./mds-avatar-stack.server.js";
+export { MdsAvatar } from "./mds-avatar.server.js";
+export { MdsBadge } from "./mds-badge.server.js";
+export { MdsBanner } from "./mds-banner.server.js";
+export { MdsBenchmarkBar } from "./mds-benchmark-bar.server.js";
+export { MdsBibliography } from "./mds-bibliography.server.js";
+export { MdsBreadcrumbItem } from "./mds-breadcrumb-item.server.js";
+export { MdsBreadcrumb } from "./mds-breadcrumb.server.js";
+export { MdsButtonDropdown } from "./mds-button-dropdown.server.js";
+export { MdsButtonGroup } from "./mds-button-group.server.js";
+export { MdsButton } from "./mds-button.server.js";
+export { MdsCalendarCell } from "./mds-calendar-cell.server.js";
+export { MdsCalendar } from "./mds-calendar.server.js";
+export { MdsCardContent } from "./mds-card-content.server.js";
+export { MdsCardFooter } from "./mds-card-footer.server.js";
+export { MdsCardHeader } from "./mds-card-header.server.js";
+export { MdsCardMedia } from "./mds-card-media.server.js";
+export { MdsCard } from "./mds-card.server.js";
+export { MdsChip } from "./mds-chip.server.js";
+export { MdsDetails } from "./mds-details.server.js";
+export { MdsDropdown } from "./mds-dropdown.server.js";
+export { MdsEmoji } from "./mds-emoji.server.js";
+export { MdsEntity } from "./mds-entity.server.js";
+export { MdsFilePreview } from "./mds-file-preview.server.js";
+export { MdsFile } from "./mds-file.server.js";
+export { MdsFilterItem } from "./mds-filter-item.server.js";
+export { MdsFilter } from "./mds-filter.server.js";
+export { MdsHeaderBar } from "./mds-header-bar.server.js";
+export { MdsHeader } from "./mds-header.server.js";
+export { MdsHelp } from "./mds-help.server.js";
+export { MdsHorizontalScroll } from "./mds-horizontal-scroll.server.js";
+export { MdsHr } from "./mds-hr.server.js";
+export { MdsIcon } from "./mds-icon.server.js";
+export { MdsImg } from "./mds-img.server.js";
+export { MdsInputDateRangePreselection } from "./mds-input-date-range-preselection.server.js";
+export { MdsInputDateRange } from "./mds-input-date-range.server.js";
+export { MdsInputDate } from "./mds-input-date.server.js";
+export { MdsInputField } from "./mds-input-field.server.js";
+export { MdsInputOtp } from "./mds-input-otp.server.js";
+export { MdsInputRange } from "./mds-input-range.server.js";
+export { MdsInputSelect } from "./mds-input-select.server.js";
+export { MdsInputSwitch } from "./mds-input-switch.server.js";
+export { MdsInputTipItem } from "./mds-input-tip-item.server.js";
+export { MdsInputTip } from "./mds-input-tip.server.js";
+export { MdsInputUpload } from "./mds-input-upload.server.js";
+export { MdsInput } from "./mds-input.server.js";
+export { MdsKeyboardKey } from "./mds-keyboard-key.server.js";
+export { MdsKeyboard } from "./mds-keyboard.server.js";
+export { MdsKpiItem } from "./mds-kpi-item.server.js";
+export { MdsKpi } from "./mds-kpi.server.js";
+export { MdsLabel } from "./mds-label.server.js";
+export { MdsListItem } from "./mds-list-item.server.js";
+export { MdsList } from "./mds-list.server.js";
+export { MdsMention } from "./mds-mention.server.js";
+export { MdsModal } from "./mds-modal.server.js";
+export { MdsNote } from "./mds-note.server.js";
+export { MdsNotification } from "./mds-notification.server.js";
+export { MdsPaginatorItem } from "./mds-paginator-item.server.js";
+export { MdsPaginator } from "./mds-paginator.server.js";
+export { MdsPolicyAi } from "./mds-policy-ai.server.js";
+export { MdsPrefAnimation } from "./mds-pref-animation.server.js";
+export { MdsPrefConsumption } from "./mds-pref-consumption.server.js";
+export { MdsPrefContrast } from "./mds-pref-contrast.server.js";
+export { MdsPrefLanguageItem } from "./mds-pref-language-item.server.js";
+export { MdsPrefLanguage } from "./mds-pref-language.server.js";
+export { MdsPrefMode } from "./mds-pref-mode.server.js";
+export { MdsPrefThemeItem } from "./mds-pref-theme-item.server.js";
+export { MdsPrefTheme } from "./mds-pref-theme.server.js";
+export { MdsPref } from "./mds-pref.server.js";
+export { MdsPriceTableFeaturesCell } from "./mds-price-table-features-cell.server.js";
+export { MdsPriceTableFeaturesRow } from "./mds-price-table-features-row.server.js";
+export { MdsPriceTableFeatures } from "./mds-price-table-features.server.js";
+export { MdsPriceTableHeader } from "./mds-price-table-header.server.js";
+export { MdsPriceTableListItem } from "./mds-price-table-list-item.server.js";
+export { MdsPriceTableList } from "./mds-price-table-list.server.js";
+export { MdsPriceTable } from "./mds-price-table.server.js";
+export { MdsProgress } from "./mds-progress.server.js";
+export { MdsPushNotificationItem } from "./mds-push-notification-item.server.js";
+export { MdsPushNotification } from "./mds-push-notification.server.js";
+export { MdsQuote } from "./mds-quote.server.js";
+export { MdsRadialMenuItem } from "./mds-radial-menu-item.server.js";
+export { MdsRadialMenu } from "./mds-radial-menu.server.js";
+export { MdsRadialProgress } from "./mds-radial-progress.server.js";
+export { MdsSeparator } from "./mds-separator.server.js";
+export { MdsSpinner } from "./mds-spinner.server.js";
+export { MdsStatusBar } from "./mds-status-bar.server.js";
+export { MdsStepperBarItem } from "./mds-stepper-bar-item.server.js";
+export { MdsStepperBar } from "./mds-stepper-bar.server.js";
+export { MdsTabBarItem } from "./mds-tab-bar-item.server.js";
+export { MdsTabBar } from "./mds-tab-bar.server.js";
+export { MdsTabItem } from "./mds-tab-item.server.js";
+export { MdsTab } from "./mds-tab.server.js";
+export { MdsTableBody } from "./mds-table-body.server.js";
+export { MdsTableCell } from "./mds-table-cell.server.js";
+export { MdsTableFooter } from "./mds-table-footer.server.js";
+export { MdsTableHeaderCell } from "./mds-table-header-cell.server.js";
+export { MdsTableHeader } from "./mds-table-header.server.js";
+export { MdsTableRow } from "./mds-table-row.server.js";
+export { MdsTable } from "./mds-table.server.js";
+export { MdsText } from "./mds-text.server.js";
+export { MdsToast } from "./mds-toast.server.js";
+export { MdsTooltip } from "./mds-tooltip.server.js";
+export { MdsTreeItem } from "./mds-tree-item.server.js";
+export { MdsTree } from "./mds-tree.server.js";
+export { MdsUrlView } from "./mds-url-view.server.js";
+export { MdsUsage } from "./mds-usage.server.js";
+export { MdsVideoWall } from "./mds-video-wall.server.js";
+export { MdsZero } from "./mds-zero.server.js";

package/dist/mds-accordion-item.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsAccordionItem as MdsAccordionItemElement, defineCustomElement as defineMdsAccordionItem } from "@maggioli-design-system/magma/dist/components/mds-accordion-item.js";
+export const MdsAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-item',
+    elementClass: MdsAccordionItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsAccordionItemSelect: 'mdsAccordionItemSelect',
+        onMdsAccordionItemUnselect: 'mdsAccordionItemUnselect',
+        onMdsAccordionItemChange: 'mdsAccordionItemChange'
+    },
+    defineCustomElement: defineMdsAccordionItem
+});

package/dist/mds-accordion-item.server.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-item',
+    properties: {
+        typography: 'typography',
+        selected: 'selected',
+        label: 'label'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsAccordionItem,
+    serializeShadowRoot
+});

package/dist/mds-accordion-timer-item.js

@@ -0,0 +1,17 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsAccordionTimerItem as MdsAccordionTimerItemElement, defineCustomElement as defineMdsAccordionTimerItem } from "@maggioli-design-system/magma/dist/components/mds-accordion-timer-item.js";
+export const MdsAccordionTimerItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-timer-item',
+    elementClass: MdsAccordionTimerItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsAccordionTimerItemClickSelect: 'mdsAccordionTimerItemClickSelect',
+        onMdsAccordionTimerItemSelect: 'mdsAccordionTimerItemSelect',
+        onMdsAccordionTimerItemMouseEnterSelect: 'mdsAccordionTimerItemMouseEnterSelect',
+        onMdsAccordionTimerItemMouseLeaveSelect: 'mdsAccordionTimerItemMouseLeaveSelect'
+    },
+    defineCustomElement: defineMdsAccordionTimerItem
+});

package/dist/mds-accordion-timer-item.server.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsAccordionTimerItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-timer-item',
+    properties: {
+        typography: 'typography',
+        selected: 'selected',
+        description: 'description',
+        duration: 'duration',
+        progress: 'progress',
+        uuid: 'uuid'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsAccordionTimerItem,
+    serializeShadowRoot
+});

package/dist/mds-accordion-timer.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsAccordionTimer as MdsAccordionTimerElement, defineCustomElement as defineMdsAccordionTimer } from "@maggioli-design-system/magma/dist/components/mds-accordion-timer.js";
+export const MdsAccordionTimer = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-timer',
+    elementClass: MdsAccordionTimerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdsAccordionTimerChange: 'mdsAccordionTimerChange' },
+    defineCustomElement: defineMdsAccordionTimer
+});

package/dist/mds-accordion-timer.server.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsAccordionTimer = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-timer',
+    properties: {
+        duration: 'duration',
+        paused: 'paused'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsAccordionTimer,
+    serializeShadowRoot
+});

package/dist/mds-accordion.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsAccordion as MdsAccordionElement, defineCustomElement as defineMdsAccordion } from "@maggioli-design-system/magma/dist/components/mds-accordion.js";
+export const MdsAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion',
+    elementClass: MdsAccordionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdsAccordionChange: 'mdsAccordionChange' },
+    defineCustomElement: defineMdsAccordion
+});

package/dist/mds-accordion.server.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion',
+    properties: {
+        multiple: 'multiple',
+        disableClose: 'disable-close'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsAccordion,
+    serializeShadowRoot
+});

package/dist/mds-author.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsAuthor as MdsAuthorElement, defineCustomElement as defineMdsAuthor } from "@maggioli-design-system/magma/dist/components/mds-author.js";
+export const MdsAuthor = /*@__PURE__*/ createComponent({
+    tagName: 'mds-author',
+    elementClass: MdsAuthorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsAuthor
+});

package/dist/mds-author.server.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsAuthor = /*@__PURE__*/ createComponent({
+    tagName: 'mds-author',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsAuthor,
+    serializeShadowRoot
+});

package/dist/mds-avatar-stack-item.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsAvatarStackItem as MdsAvatarStackItemElement, defineCustomElement as defineMdsAvatarStackItem } from "@maggioli-design-system/magma/dist/components/mds-avatar-stack-item.js";
+export const MdsAvatarStackItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-avatar-stack-item',
+    elementClass: MdsAvatarStackItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsAvatarStackItem
+});

package/dist/mds-avatar-stack-item.server.js

@@ -0,0 +1,18 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsAvatarStackItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-avatar-stack-item',
+    properties: {
+        count: 'count',
+        initials: 'initials',
+        src: 'src',
+        tone: 'tone',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsAvatarStackItem,
+    serializeShadowRoot
+});

package/dist/mds-avatar-stack.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsAvatarStack as MdsAvatarStackElement, defineCustomElement as defineMdsAvatarStack } from "@maggioli-design-system/magma/dist/components/mds-avatar-stack.js";
+export const MdsAvatarStack = /*@__PURE__*/ createComponent({
+    tagName: 'mds-avatar-stack',
+    elementClass: MdsAvatarStackElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsAvatarStack
+});

package/dist/mds-avatar-stack.server.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsAvatarStack = /*@__PURE__*/ createComponent({
+    tagName: 'mds-avatar-stack',
+    properties: {
+        size: 'size',
+        total: 'total'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsAvatarStack,
+    serializeShadowRoot
+});

package/dist/mds-avatar.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsAvatar as MdsAvatarElement, defineCustomElement as defineMdsAvatar } from "@maggioli-design-system/magma/dist/components/mds-avatar.js";
+export const MdsAvatar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-avatar',
+    elementClass: MdsAvatarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsAvatar
+});

package/dist/mds-avatar.server.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsAvatar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-avatar',
+    properties: {
+        icon: 'icon',
+        initials: 'initials',
+        count: 'count',
+        src: 'src',
+        tone: 'tone',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsAvatar,
+    serializeShadowRoot
+});

package/dist/mds-badge.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsBadge as MdsBadgeElement, defineCustomElement as defineMdsBadge } from "@maggioli-design-system/magma/dist/components/mds-badge.js";
+export const MdsBadge = /*@__PURE__*/ createComponent({
+    tagName: 'mds-badge',
+    elementClass: MdsBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsBadge
+});

package/dist/mds-badge.server.js

@@ -0,0 +1,17 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsBadge = /*@__PURE__*/ createComponent({
+    tagName: 'mds-badge',
+    properties: {
+        label: 'label',
+        variant: 'variant',
+        tone: 'tone',
+        typography: 'typography'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsBadge,
+    serializeShadowRoot
+});

package/dist/mds-banner.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsBanner as MdsBannerElement, defineCustomElement as defineMdsBanner } from "@maggioli-design-system/magma/dist/components/mds-banner.js";
+export const MdsBanner = /*@__PURE__*/ createComponent({
+    tagName: 'mds-banner',
+    elementClass: MdsBannerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdsBannerClose: 'mdsBannerClose' },
+    defineCustomElement: defineMdsBanner
+});

package/dist/mds-banner.server.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsBanner = /*@__PURE__*/ createComponent({
+    tagName: 'mds-banner',
+    properties: {
+        variant: 'variant',
+        tone: 'tone',
+        hideCockade: 'hide-cockade',
+        deletable: 'deletable',
+        headline: 'headline',
+        icon: 'icon'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsBanner,
+    serializeShadowRoot
+});

package/dist/mds-benchmark-bar.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsBenchmarkBar as MdsBenchmarkBarElement, defineCustomElement as defineMdsBenchmarkBar } from "@maggioli-design-system/magma/dist/components/mds-benchmark-bar.js";
+export const MdsBenchmarkBar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-benchmark-bar',
+    elementClass: MdsBenchmarkBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsBenchmarkBar
+});

package/dist/mds-benchmark-bar.server.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsBenchmarkBar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-benchmark-bar',
+    properties: {
+        label: 'label',
+        alias: 'alias',
+        typography: 'typography',
+        value: 'value',
+        variant: 'variant',
+        size: 'size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsBenchmarkBar,
+    serializeShadowRoot
+});

package/dist/mds-bibliography.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsBibliography as MdsBibliographyElement, defineCustomElement as defineMdsBibliography } from "@maggioli-design-system/magma/dist/components/mds-bibliography.js";
+export const MdsBibliography = /*@__PURE__*/ createComponent({
+    tagName: 'mds-bibliography',
+    elementClass: MdsBibliographyElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsBibliography
+});

package/dist/mds-bibliography.server.js

@@ -0,0 +1,23 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsBibliography = /*@__PURE__*/ createComponent({
+    tagName: 'mds-bibliography',
+    properties: {
+        format: 'format',
+        author: 'author',
+        name: 'name',
+        publisher: 'publisher',
+        date: 'date',
+        location: 'location',
+        rel: 'rel',
+        typography: 'typography',
+        variant: 'variant',
+        url: 'url'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsBibliography,
+    serializeShadowRoot
+});

package/dist/mds-breadcrumb-item.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsBreadcrumbItem as MdsBreadcrumbItemElement, defineCustomElement as defineMdsBreadcrumbItem } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb-item.js";
+export const MdsBreadcrumbItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-breadcrumb-item',
+    elementClass: MdsBreadcrumbItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdsBreadcrumbItemSelect: 'mdsBreadcrumbItemSelect' },
+    defineCustomElement: defineMdsBreadcrumbItem
+});

package/dist/mds-breadcrumb-item.server.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsBreadcrumbItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-breadcrumb-item',
+    properties: {
+        selected: 'selected',
+        label: 'label'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsBreadcrumbItem,
+    serializeShadowRoot
+});

package/dist/mds-breadcrumb.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsBreadcrumb as MdsBreadcrumbElement, defineCustomElement as defineMdsBreadcrumb } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb.js";
+export const MdsBreadcrumb = /*@__PURE__*/ createComponent({
+    tagName: 'mds-breadcrumb',
+    elementClass: MdsBreadcrumbElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdsBreadcrumbChange: 'mdsBreadcrumbChange' },
+    defineCustomElement: defineMdsBreadcrumb
+});

package/dist/mds-breadcrumb.server.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsBreadcrumb = /*@__PURE__*/ createComponent({
+    tagName: 'mds-breadcrumb',
+    properties: { hideBack: 'hide-back' },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsBreadcrumb,
+    serializeShadowRoot
+});

package/dist/mds-button-dropdown.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsButtonDropdown as MdsButtonDropdownElement, defineCustomElement as defineMdsButtonDropdown } from "@maggioli-design-system/magma/dist/components/mds-button-dropdown.js";
+export const MdsButtonDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'mds-button-dropdown',
+    elementClass: MdsButtonDropdownElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsButtonDropdown
+});

package/dist/mds-button-dropdown.server.js

@@ -0,0 +1,26 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/ssr';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@maggioli-design-system/magma-react";
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const MdsButtonDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'mds-button-dropdown',
+    properties: {
+        label: 'label',
+        autoFocus: 'auto-focus',
+        icon: 'icon',
+        type: 'type',
+        variant: 'variant',
+        tone: 'tone',
+        size: 'size',
+        active: 'active',
+        disabled: 'disabled',
+        await: 'await',
+        href: 'href',
+        target: 'target',
+        truncate: 'truncate'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsButtonDropdown,
+    serializeShadowRoot
+});

package/dist/mds-button-group.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsButtonGroup as MdsButtonGroupElement, defineCustomElement as defineMdsButtonGroup } from "@maggioli-design-system/magma/dist/components/mds-button-group.js";
+export const MdsButtonGroup = /*@__PURE__*/ createComponent({
+    tagName: 'mds-button-group',
+    elementClass: MdsButtonGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsButtonGroup
+});