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

package/dist/mds-header.js

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

package/dist/mds-header.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 MdsHeader = /*@__PURE__*/ createComponent({
+    tagName: 'mds-header',
+    properties: {
+        appearance: 'appearance',
+        appearanceSet: 'appearance-set',
+        autoHide: 'auto-hide',
+        hideBackdrop: 'hide-backdrop',
+        menu: 'menu',
+        nav: 'nav',
+        threshold: 'threshold',
+        visibility: 'visibility'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsHeader,
+    serializeShadowRoot
+});

package/dist/mds-help.js

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

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

package/dist/mds-horizontal-scroll.js

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

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

package/dist/mds-hr.js

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

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

package/dist/mds-icon.js

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

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

package/dist/mds-img.js

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

package/dist/mds-img.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 MdsImg = /*@__PURE__*/ createComponent({
+    tagName: 'mds-img',
+    properties: {
+        alt: 'alt',
+        crossorigin: 'crossorigin',
+        height: 'height',
+        loading: 'loading',
+        referrerpolicy: 'referrerpolicy',
+        sizes: 'sizes',
+        src: 'src',
+        srcset: 'srcset',
+        srcsetConsumption: 'srcset-consumption',
+        width: 'width'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsImg,
+    serializeShadowRoot
+});

package/dist/mds-input-date-range-preselection.js

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

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

package/dist/mds-input-date-range.js

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

package/dist/mds-input-date-range.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 MdsInputDateRange = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-date-range',
+    properties: {
+        accessibleName: 'aria-label',
+        startDate: 'start-date',
+        endDate: 'end-date',
+        min: 'min',
+        max: 'max',
+        delay: 'delay',
+        hideToday: 'hide-today',
+        dualCalendar: 'dual-calendar',
+        name: 'name'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsInputDateRange,
+    serializeShadowRoot
+});

package/dist/mds-input-date.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsInputDate as MdsInputDateElement, defineCustomElement as defineMdsInputDate } from "@maggioli-design-system/magma/dist/components/mds-input-date.js";
+export const MdsInputDate = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-date',
+    elementClass: MdsInputDateElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsInputValidation: 'mdsInputValidation',
+        onMdsInputDateSelect: 'mdsInputDateSelect'
+    },
+    defineCustomElement: defineMdsInputDate
+});

package/dist/mds-input-date.server.js

@@ -0,0 +1,24 @@
+'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 MdsInputDate = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-date',
+    properties: {
+        accessibleName: 'aria-label',
+        value: 'value',
+        name: 'name',
+        variant: 'variant',
+        min: 'min',
+        max: 'max',
+        delay: 'delay',
+        hideToday: 'hide-today',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsInputDate,
+    serializeShadowRoot
+});

package/dist/mds-input-field.js

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

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

package/dist/mds-input-otp.js

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

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

package/dist/mds-input-range.js

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

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

package/dist/mds-input-select.js

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

package/dist/mds-input-select.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 MdsInputSelect = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-select',
+    properties: {
+        accessibleName: 'aria-label',
+        autocomplete: 'autocomplete',
+        autoFocus: 'auto-focus',
+        placeholder: 'placeholder',
+        name: 'name',
+        disabled: 'disabled',
+        required: 'required',
+        multiple: 'multiple',
+        size: 'size',
+        value: 'value',
+        defaultValue: 'default-value',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsInputSelect,
+    serializeShadowRoot
+});

package/dist/mds-input-switch.js

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

package/dist/mds-input-switch.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 MdsInputSwitch = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-switch',
+    properties: {
+        autofocus: 'autofocus',
+        checked: 'checked',
+        disabled: 'disabled',
+        explicit: 'explicit',
+        icon: 'icon',
+        indeterminate: 'indeterminate',
+        name: 'name',
+        size: 'size',
+        type: 'type',
+        typography: 'typography',
+        variant: 'variant',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsInputSwitch,
+    serializeShadowRoot
+});

package/dist/mds-input-tip-item.js

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

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

package/dist/mds-input-tip.js

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

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

package/dist/mds-input-upload.js

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

package/dist/mds-input-upload.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 MdsInputUpload = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-upload',
+    properties: {
+        accept: 'accept',
+        maxFileSize: 'max-file-size',
+        maxFiles: 'max-files',
+        sort: 'sort'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsInputUpload,
+    serializeShadowRoot
+});

package/dist/mds-input.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsInput as MdsInputElement, defineCustomElement as defineMdsInput } from "@maggioli-design-system/magma/dist/components/mds-input.js";
+export const MdsInput = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input',
+    elementClass: MdsInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsInputChange: 'mdsInputChange',
+        onMdsInputKeydown: 'mdsInputKeydown',
+        onMdsInputBlur: 'mdsInputBlur',
+        onMdsInputFocus: 'mdsInputFocus',
+        onMdsInputSpeechEnd: 'mdsInputSpeechEnd',
+        onMdsInputValidation: 'mdsInputValidation'
+    },
+    defineCustomElement: defineMdsInput
+});

package/dist/mds-input.server.js

@@ -0,0 +1,37 @@
+'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 MdsInput = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input',
+    properties: {
+        accessibleName: 'aria-label',
+        autocomplete: 'autocomplete',
+        autofocus: 'autofocus',
+        await: 'await',
+        controlsLayout: 'controls-layout',
+        controlsIcon: 'controls-icon',
+        disabled: 'disabled',
+        icon: 'icon',
+        max: 'max',
+        maxlength: 'maxlength',
+        mic: 'mic',
+        min: 'min',
+        minlength: 'minlength',
+        name: 'name',
+        pattern: 'pattern',
+        placeholder: 'placeholder',
+        readonly: 'readonly',
+        required: 'required',
+        variant: 'variant',
+        tip: 'tip',
+        step: 'step',
+        type: 'type',
+        typography: 'typography',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsInput,
+    serializeShadowRoot
+});