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

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

package/dist/mds-button.js

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

package/dist/mds-button.server.js

@@ -0,0 +1,28 @@
+'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 MdsButton = /*@__PURE__*/ createComponent({
+    tagName: 'mds-button',
+    properties: {
+        autoFocus: 'auto-focus',
+        label: 'label',
+        animation: 'animation',
+        icon: 'icon',
+        iconPosition: 'icon-position',
+        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.MdsButton,
+    serializeShadowRoot
+});

package/dist/mds-calendar-cell.js

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

package/dist/mds-calendar-cell.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 MdsCalendarCell = /*@__PURE__*/ createComponent({
+    tagName: 'mds-calendar-cell',
+    properties: {
+        month: 'month',
+        label: 'label',
+        date: 'date',
+        orientation: 'orientation',
+        preview: 'preview',
+        selection: 'selection',
+        disabled: 'disabled',
+        today: 'today'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsCalendarCell,
+    serializeShadowRoot
+});

package/dist/mds-calendar.js

@@ -0,0 +1,17 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsCalendar as MdsCalendarElement, defineCustomElement as defineMdsCalendar } from "@maggioli-design-system/magma/dist/components/mds-calendar.js";
+export const MdsCalendar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-calendar',
+    elementClass: MdsCalendarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsCalendarChange: 'mdsCalendarChange',
+        onMdsCalendarNavigate: 'mdsCalendarNavigate',
+        onMdsCalendarHover: 'mdsCalendarHover',
+        onMdsCalendarPreselect: 'mdsCalendarPreselect'
+    },
+    defineCustomElement: defineMdsCalendar
+});

package/dist/mds-calendar.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 MdsCalendar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-calendar',
+    properties: {
+        singlePicker: 'single-picker',
+        hidePreviousButton: 'hide-previous-button',
+        hideNextButton: 'hide-next-button',
+        disableMonthYearSelection: 'disable-month-year-selection',
+        hidePreselection: 'hide-preselection',
+        hideToday: 'hide-today',
+        viewDate: 'view-date',
+        hoverDate: 'hover-date',
+        startDate: 'start-date',
+        endDate: 'end-date',
+        min: 'min',
+        max: 'max'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsCalendar,
+    serializeShadowRoot
+});

package/dist/mds-card-content.js

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

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

package/dist/mds-card-footer.js

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

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

package/dist/mds-card-header.js

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

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

package/dist/mds-card-media.js

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

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

package/dist/mds-card.js

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

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

package/dist/mds-chip.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsChip as MdsChipElement, defineCustomElement as defineMdsChip } from "@maggioli-design-system/magma/dist/components/mds-chip.js";
+export const MdsChip = /*@__PURE__*/ createComponent({
+    tagName: 'mds-chip',
+    elementClass: MdsChipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsChipClickLabel: 'mdsChipClickLabel',
+        onMdsChipDelete: 'mdsChipDelete',
+        onMdsChipSelect: 'mdsChipSelect'
+    },
+    defineCustomElement: defineMdsChip
+});

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

package/dist/mds-details.js

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

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

package/dist/mds-dropdown.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsDropdown as MdsDropdownElement, defineCustomElement as defineMdsDropdown } from "@maggioli-design-system/magma/dist/components/mds-dropdown.js";
+export const MdsDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'mds-dropdown',
+    elementClass: MdsDropdownElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsDropdownVisible: 'mdsDropdownVisible',
+        onMdsDropdownHide: 'mdsDropdownHide',
+        onMdsDropdownChange: 'mdsDropdownChange'
+    },
+    defineCustomElement: defineMdsDropdown
+});

package/dist/mds-dropdown.server.js

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

package/dist/mds-emoji.js

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

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

package/dist/mds-entity.js

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

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

package/dist/mds-file-preview.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { MdsFilePreview as MdsFilePreviewElement, defineCustomElement as defineMdsFilePreview } from "@maggioli-design-system/magma/dist/components/mds-file-preview.js";
+export const MdsFilePreview = /*@__PURE__*/ createComponent({
+    tagName: 'mds-file-preview',
+    elementClass: MdsFilePreviewElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdsFileDownload: 'mdsFileDownload',
+        onMdsFileDelete: 'mdsFileDelete'
+    },
+    defineCustomElement: defineMdsFilePreview
+});

package/dist/mds-file-preview.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 MdsFilePreview = /*@__PURE__*/ createComponent({
+    tagName: 'mds-file-preview',
+    properties: {
+        deletable: 'deletable',
+        downloadable: 'downloadable',
+        description: 'description',
+        filename: 'filename',
+        filesize: 'filesize',
+        message: 'message',
+        truncate: 'truncate',
+        src: 'src',
+        suffix: 'suffix',
+        icon: 'icon',
+        variant: 'variant',
+        format: 'format'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsFilePreview,
+    serializeShadowRoot
+});

package/dist/mds-file.js

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

package/dist/mds-file.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 MdsFile = /*@__PURE__*/ createComponent({
+    tagName: 'mds-file',
+    properties: {
+        suffix: 'suffix',
+        description: 'description',
+        filename: 'filename',
+        preview: 'preview',
+        hideDownloadedIcon: 'hide-downloaded-icon',
+        format: 'format'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@maggioli-design-system/magma/hydrate') : undefined,
+    clientModule: clientComponents.MdsFile,
+    serializeShadowRoot
+});

package/dist/mds-filter-item.js

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

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

package/dist/mds-filter.js

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

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

package/dist/mds-header-bar.js

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

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