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

package/dist/mds-stepper-bar-item.js

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

package/dist/mds-stepper-bar-item.server.js

@@ -0,0 +1,22 @@
+'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 MdsStepperBarItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-stepper-bar-item',
+    properties: {
+        label: 'label',
+        step: 'step',
+        badge: 'badge',
+        icon: 'icon',
+        iconChecked: 'icon-checked',
+        done: 'done',
+        current: 'current',
+        value: 'value',
+        typography: 'typography'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsStepperBarItem,
+    serializeShadowRoot
+});

package/dist/mds-stepper-bar.js

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

package/dist/mds-stepper-bar.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 MdsStepperBar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-stepper-bar',
+    properties: {
+        itemsDone: 'items-done',
+        navigation: 'navigation'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsStepperBar,
+    serializeShadowRoot
+});

package/dist/mds-tab-bar-item.js

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

package/dist/mds-tab-bar-item.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 MdsTabBarItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab-bar-item',
+    properties: {
+        icon: 'icon',
+        label: 'label',
+        selected: 'selected',
+        typography: 'typography'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTabBarItem,
+    serializeShadowRoot
+});

package/dist/mds-tab-bar.js

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

package/dist/mds-tab-bar.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 MdsTabBar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab-bar',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTabBar,
+    serializeShadowRoot
+});

package/dist/mds-tab-item.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsTabItem as MdsTabItemElement, defineCustomElement as defineMdsTabItem } from "@maggioli-design-system/magma/dist/components/mds-tab-item.js";
+export const MdsTabItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab-item',
+    elementClass: MdsTabItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsTabItemSelect: 'mdsTabItemSelect',
+        onMdsTabItemFocus: 'mdsTabItemFocus'
+    },
+    defineCustomElement: defineMdsTabItem
+});

package/dist/mds-tab-item.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 MdsTabItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab-item',
+    properties: {
+        await: 'await',
+        selected: 'selected',
+        disabled: 'disabled',
+        icon: 'icon',
+        label: 'label',
+        iconPosition: 'icon-position',
+        type: 'type',
+        size: 'size',
+        direction: 'direction',
+        animation: 'animation',
+        value: 'value',
+        href: 'href',
+        expanded: 'expanded'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTabItem,
+    serializeShadowRoot
+});

package/dist/mds-tab.js

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

package/dist/mds-tab.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 MdsTab = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab',
+    properties: {
+        direction: 'direction',
+        scrollbar: 'scrollbar',
+        animation: 'animation',
+        fill: 'fill',
+        overflow: 'overflow',
+        size: 'size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTab,
+    serializeShadowRoot
+});

package/dist/mds-table-body.js

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

package/dist/mds-table-body.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 MdsTableBody = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-body',
+    properties: {
+        interactive: 'interactive',
+        selection: 'selection'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTableBody,
+    serializeShadowRoot
+});

package/dist/mds-table-cell.js

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

package/dist/mds-table-cell.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 MdsTableCell = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-cell',
+    properties: { value: 'value' },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTableCell,
+    serializeShadowRoot
+});

package/dist/mds-table-footer.js

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

package/dist/mds-table-footer.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 MdsTableFooter = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-footer',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTableFooter,
+    serializeShadowRoot
+});

package/dist/mds-table-header-cell.js

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

package/dist/mds-table-header-cell.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 MdsTableHeaderCell = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-header-cell',
+    properties: {
+        sortable: 'sortable',
+        label: 'label',
+        direction: 'direction'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTableHeaderCell,
+    serializeShadowRoot
+});

package/dist/mds-table-header.js

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

package/dist/mds-table-header.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 MdsTableHeader = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-header',
+    properties: { selectable: 'selectable' },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTableHeader,
+    serializeShadowRoot
+});

package/dist/mds-table-row.js

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

package/dist/mds-table-row.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 MdsTableRow = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-row',
+    properties: {
+        interactive: 'interactive',
+        overlayActions: 'overlay-actions',
+        selectable: 'selectable',
+        selected: 'selected',
+        selection: 'selection',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTableRow,
+    serializeShadowRoot
+});

package/dist/mds-table.js

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

package/dist/mds-table.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 MdsTable = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table',
+    properties: {
+        interactive: 'interactive',
+        selectable: 'selectable',
+        selection: 'selection'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTable,
+    serializeShadowRoot
+});

package/dist/mds-text.js

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

package/dist/mds-text.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 MdsText = /*@__PURE__*/ createComponent({
+    tagName: 'mds-text',
+    properties: {
+        animation: 'animation',
+        tag: 'tag',
+        text: 'text',
+        truncate: 'truncate',
+        typography: 'typography',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsText,
+    serializeShadowRoot
+});

package/dist/mds-toast.js

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

package/dist/mds-toast.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 MdsToast = /*@__PURE__*/ createComponent({
+    tagName: 'mds-toast',
+    properties: {
+        duration: 'duration',
+        visible: 'visible',
+        variant: 'variant',
+        tone: 'tone',
+        position: 'position'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsToast,
+    serializeShadowRoot
+});

package/dist/mds-tooltip.js

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

package/dist/mds-tooltip.server.js

@@ -0,0 +1,25 @@
+'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 MdsTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tooltip',
+    properties: {
+        hideArrow: 'hide-arrow',
+        arrowPadding: 'arrow-padding',
+        disableAutoPlacement: 'disable-auto-placement',
+        flip: 'flip',
+        target: 'target',
+        offset: 'offset',
+        placement: 'placement',
+        typography: 'typography',
+        disableShift: 'disable-shift',
+        shiftPadding: 'shift-padding',
+        strategy: 'strategy',
+        visible: 'visible'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTooltip,
+    serializeShadowRoot
+});

package/dist/mds-tree-item.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsTreeItem as MdsTreeItemElement, defineCustomElement as defineMdsTreeItem } from "@maggioli-design-system/magma/dist/components/mds-tree-item.js";
+export const MdsTreeItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tree-item',
+    elementClass: MdsTreeItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsTreeItemExpand: 'mdsTreeItemExpand',
+        onMdsTreeItemCollapse: 'mdsTreeItemCollapse'
+    },
+    defineCustomElement: defineMdsTreeItem
+});

package/dist/mds-tree-item.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 MdsTreeItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tree-item',
+    properties: {
+        actions: 'actions',
+        async: 'async',
+        depth: 'depth',
+        label: 'label',
+        toggle: 'toggle',
+        togglePosition: 'toggle-position',
+        appearance: 'appearance',
+        expanded: 'expanded',
+        truncate: 'truncate',
+        icon: 'icon'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTreeItem,
+    serializeShadowRoot
+});

package/dist/mds-tree.js

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

package/dist/mds-tree.server.js

@@ -0,0 +1,21 @@
+'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 MdsTree = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tree',
+    properties: {
+        appearance: 'appearance',
+        async: 'async',
+        label: 'label',
+        toggle: 'toggle',
+        togglePosition: 'toggle-position',
+        expanded: 'expanded',
+        truncate: 'truncate',
+        actions: 'actions'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsTree,
+    serializeShadowRoot
+});

package/dist/mds-url-view.js

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

package/dist/mds-url-view.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 MdsUrlView = /*@__PURE__*/ createComponent({
+    tagName: 'mds-url-view',
+    properties: {
+        icon: 'icon',
+        label: 'label',
+        src: 'src',
+        loading: 'loading'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsUrlView,
+    serializeShadowRoot
+});