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

package/dist/mds-keyboard-key.js

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

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

package/dist/mds-keyboard.js

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

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

package/dist/mds-kpi-item.js

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

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

package/dist/mds-kpi.js

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

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

package/dist/mds-label.js

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

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

package/dist/mds-list-item.js

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

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

package/dist/mds-list.js

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

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

package/dist/mds-mention.js

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

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

package/dist/mds-modal.js

@@ -0,0 +1,17 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsModal as MdsModalElement, defineCustomElement as defineMdsModal } from "@maggioli-design-system/magma/dist/components/mds-modal.js";
+export const MdsModal = /*@__PURE__*/ createComponent({
+    tagName: 'mds-modal',
+    elementClass: MdsModalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsModalOpen: 'mdsModalOpen',
+        onMdsModalShow: 'mdsModalShow',
+        onMdsModalClose: 'mdsModalClose',
+        onMdsModalHide: 'mdsModalHide'
+    },
+    defineCustomElement: defineMdsModal
+});

package/dist/mds-modal.server.js

@@ -0,0 +1,20 @@
+'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 MdsModal = /*@__PURE__*/ createComponent({
+    tagName: 'mds-modal',
+    properties: {
+        accessibleName: 'aria-label',
+        opened: 'opened',
+        hideBackdrop: 'hide-backdrop',
+        position: 'position',
+        animation: 'animation',
+        overflow: 'overflow',
+        interaction: 'interaction'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsModal,
+    serializeShadowRoot
+});

package/dist/mds-note.js

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

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

package/dist/mds-notification.js

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

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

package/dist/mds-paginator-item.js

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

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

package/dist/mds-paginator.js

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

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

package/dist/mds-policy-ai.js

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

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

package/dist/mds-pref-animation.js

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

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

package/dist/mds-pref-consumption.js

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

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

package/dist/mds-pref-contrast.js

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

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

package/dist/mds-pref-language-item.js

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

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

package/dist/mds-pref-language.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsPrefLanguage as MdsPrefLanguageElement, defineCustomElement as defineMdsPrefLanguage } from "@maggioli-design-system/magma/dist/components/mds-pref-language.js";
+export const MdsPrefLanguage = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-language',
+    elementClass: MdsPrefLanguageElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsPrefLanguageChange: 'mdsPrefLanguageChange',
+        onMdsPrefChange: 'mdsPrefChange'
+    },
+    defineCustomElement: defineMdsPrefLanguage
+});

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

package/dist/mds-pref-mode.js

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

package/dist/mds-pref-mode.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 MdsPrefMode = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-mode',
+    properties: {
+        size: 'size',
+        mode: 'mode',
+        transition: 'transition',
+        lockedScheme: 'locked-scheme'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsPrefMode,
+    serializeShadowRoot
+});