@loadsmart/miranda-react 3.0.0-alpha.1 → 3.0.0-alpha.2

package/dist/Accordion-CRFOEG8P.js

@@ -0,0 +1,35 @@
+import { AccordionTitle as AccordionTitle$1, AccordionContent as AccordionContent$1, Accordion as Accordion$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const WiredAccordionTitle = createComponent({
+    tagName: 'm-accordion-title',
+    elementClass: AccordionTitle$1,
+    displayName: 'AccordionTitle',
+});
+const AccordionTitle = forwardRef((props, ref) => {
+    const { leading, children, ...rest } = props;
+    return (jsxs(WiredAccordionTitle, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
+});
+
+const AccordionContent = createComponent({
+    tagName: 'm-accordion-content',
+    elementClass: AccordionContent$1,
+    displayName: 'AccordionContent',
+});
+
+const Accordion = createComponent({
+    tagName: 'm-accordion',
+    elementClass: Accordion$1,
+    displayName: 'Accordion',
+    events: {
+        onToggle: 'm-toggle',
+    },
+    subComponents: {
+        Title: AccordionTitle,
+        Content: AccordionContent,
+    },
+});
+
+export { Accordion as A };

package/dist/ActionableTag-CiY3ktmR.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Tag as Tag$1, ActionableTag as ActionableTag$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+
+const WiredTag = createComponent({
+    tagName: 'm-tag',
+    elementClass: Tag$1,
+    displayName: 'Tag',
+});
+const Tag = forwardRef((props, ref) => {
+    const { leading, children, ...rest } = props;
+    return (jsxs(WiredTag, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
+});
+
+const WiredActionableTag = createComponent({
+    tagName: 'm-actionable-tag',
+    elementClass: ActionableTag$1,
+    displayName: 'ActionableTag',
+    events: {
+        onChange: 'm-change',
+        onRemove: 'm-remove',
+    },
+});
+const ActionableTag = forwardRef((props, ref) => {
+    const { leading, children, selectable, removable, ...rest } = props;
+    return (jsxs(WiredActionableTag, { ...rest, selectable: selectable || Boolean(rest.onChange), removable: removable || Boolean(rest.onRemove), ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
+});
+
+export { ActionableTag as A, Tag as T };

package/dist/Badge-bksnMK0y.js

@@ -0,0 +1,10 @@
+import { Badge as Badge$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+
+const Badge = createComponent({
+    tagName: 'm-badge',
+    elementClass: Badge$1,
+    displayName: 'Badge',
+});
+
+export { Badge as B };

package/dist/Banner-DKi8HnhY.js

@@ -0,0 +1,67 @@
+import { BannerActionPrimary as BannerActionPrimary$1, BannerActions as BannerActions$1, BannerActionSecondary as BannerActionSecondary$1, BannerDescription as BannerDescription$1, BannerIcon as BannerIcon$1, BannerTitle as BannerTitle$1, Banner as Banner$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const WiredBannerActionPrimary = createComponent({
+    tagName: 'm-banner-action-primary',
+    elementClass: BannerActionPrimary$1,
+    displayName: 'BannerActionPrimary',
+});
+const BannerActionPrimary = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredBannerActionPrimary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const BannerActions = createComponent({
+    tagName: 'm-banner-actions',
+    elementClass: BannerActions$1,
+    displayName: 'BannerActions',
+});
+
+const WiredBannerActionSecondary = createComponent({
+    tagName: 'm-banner-action-secondary',
+    elementClass: BannerActionSecondary$1,
+    displayName: 'BannerActionSecondary',
+});
+const BannerActionSecondary = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredBannerActionSecondary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const BannerDescription = createComponent({
+    tagName: 'm-banner-description',
+    elementClass: BannerDescription$1,
+    displayName: 'BannerDescription',
+});
+
+const BannerIcon = createComponent({
+    tagName: 'm-banner-icon',
+    elementClass: BannerIcon$1,
+    displayName: 'BannerIcon',
+});
+
+const BannerTitle = createComponent({
+    tagName: 'm-banner-title',
+    elementClass: BannerTitle$1,
+    displayName: 'BannerTitle',
+});
+
+const Banner = createComponent({
+    tagName: 'm-banner',
+    elementClass: Banner$1,
+    events: {
+        onDismiss: 'm-dismiss',
+    },
+    displayName: 'Banner',
+    subComponents: {
+        ActionPrimary: BannerActionPrimary,
+        Actions: BannerActions,
+        ActionSecondary: BannerActionSecondary,
+        Description: BannerDescription,
+        Icon: BannerIcon,
+        Title: BannerTitle,
+    },
+});
+
+export { Banner as B };

package/dist/Button-MYGS0n5V.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Button as Button$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+
+const WiredButton = createComponent({
+    tagName: 'm-button',
+    elementClass: Button$1,
+    displayName: 'Button',
+});
+const Button = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredButton, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+export { Button as B };

package/dist/Card-DMVgqLq2.js

@@ -0,0 +1,88 @@
+import { CardTitle as CardTitle$1, CardSubtitle as CardSubtitle$1, CardBody as CardBody$1, CardDivider as CardDivider$1, CardActionPrimary as CardActionPrimary$1, CardActionSecondary as CardActionSecondary$1, CardActionTertiary as CardActionTertiary$1, CardFooter as CardFooter$1, Card as Card$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const WiredCardTitle = createComponent({
+    tagName: 'm-card-title',
+    elementClass: CardTitle$1,
+    displayName: 'CardTitle',
+});
+const CardTitle = forwardRef(({ children, leading, ...props }, ref) => {
+    return (jsxs(WiredCardTitle, { ...props, slot: "title", ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
+});
+
+const CardSubtitle = createComponent({
+    tagName: 'm-card-subtitle',
+    elementClass: CardSubtitle$1,
+    displayName: 'CardSubtitle',
+});
+
+const CardBody = createComponent({
+    tagName: 'm-card-body',
+    elementClass: CardBody$1,
+    displayName: 'CardBody',
+});
+
+const CardDivider = createComponent({
+    tagName: 'm-card-divider',
+    elementClass: CardDivider$1,
+    displayName: 'CardDivider',
+});
+
+const WiredCardActionPrimary = createComponent({
+    tagName: 'm-card-action-primary',
+    elementClass: CardActionPrimary$1,
+    displayName: 'CardActionPrimary',
+});
+const CardActionPrimary = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredCardActionPrimary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const WiredCardActionSecondary = createComponent({
+    tagName: 'm-card-action-secondary',
+    elementClass: CardActionSecondary$1,
+    displayName: 'CardActionSecondary',
+});
+const CardActionSecondary = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredCardActionSecondary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const WiredCardActionTertiary = createComponent({
+    tagName: 'm-card-action-tertiary',
+    elementClass: CardActionTertiary$1,
+    displayName: 'CardActionTertiary',
+});
+const CardActionTertiary = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredCardActionTertiary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const CardFooter = createComponent({
+    tagName: 'm-card-footer',
+    elementClass: CardFooter$1,
+    displayName: 'CardFooter',
+});
+
+const Card = createComponent({
+    tagName: 'm-card',
+    elementClass: Card$1,
+    displayName: 'Card',
+    events: {
+        onToggle: 'm-toggle',
+    },
+    subComponents: {
+        Title: CardTitle,
+        Subtitle: CardSubtitle,
+        Body: CardBody,
+        Divider: CardDivider,
+        ActionPrimary: CardActionPrimary,
+        ActionSecondary: CardActionSecondary,
+        ActionTertiary: CardActionTertiary,
+        Footer: CardFooter,
+    },
+});
+
+export { Card as C };

package/dist/Checkbox-OA3mt9qr.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Checkbox as Checkbox$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+
+const WiredCheckbox = createComponent({
+    tagName: 'm-checkbox',
+    elementClass: Checkbox$1,
+    events: {
+        onChange: 'change',
+    },
+    displayName: 'Checkbox',
+});
+const Checkbox = forwardRef((props, ref) => {
+    const { children, leading, ...rest } = props;
+    return (jsxs(WiredCheckbox, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
+});
+
+export { Checkbox as C };

package/dist/Dialog-BXmQb7iZ.js

@@ -0,0 +1,92 @@
+import { DialogActionPrimary as DialogActionPrimary$1, DialogActionSecondary as DialogActionSecondary$1, DialogActionTertiary as DialogActionTertiary$1, DialogActions as DialogActions$1, DialogBody as DialogBody$1, DialogClose as DialogClose$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, Dialog as Dialog$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const WiredDialogActionPrimary = createComponent({
+    tagName: 'm-dialog-action-primary',
+    elementClass: DialogActionPrimary$1,
+    displayName: 'DialogActionPrimary',
+});
+const DialogActionPrimary = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredDialogActionPrimary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const WiredDialogActionSecondary = createComponent({
+    tagName: 'm-dialog-action-secondary',
+    elementClass: DialogActionSecondary$1,
+    displayName: 'DialogActionSecondary',
+});
+const DialogActionSecondary = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredDialogActionSecondary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const WiredDialogActionTertiary = createComponent({
+    tagName: 'm-dialog-action-tertiary',
+    elementClass: DialogActionTertiary$1,
+    displayName: 'DialogActionTertiary',
+});
+const DialogActionTertiary = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredDialogActionTertiary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const DialogActions = createComponent({
+    tagName: 'm-dialog-actions',
+    elementClass: DialogActions$1,
+    displayName: 'DialogActions',
+});
+
+const DialogBody = createComponent({
+    tagName: 'm-dialog-body',
+    elementClass: DialogBody$1,
+    displayName: 'DialogBody',
+});
+
+const DialogClose = createComponent({
+    tagName: 'm-dialog-close',
+    elementClass: DialogClose$1,
+    events: {
+        onClose: 'm-close',
+    },
+    displayName: 'DialogClose',
+});
+
+const DialogFooter = createComponent({
+    tagName: 'm-dialog-footer',
+    elementClass: DialogFooter$1,
+    displayName: 'DialogFooter',
+});
+
+const DialogHeader = createComponent({
+    tagName: 'm-dialog-header',
+    elementClass: DialogHeader$1,
+    displayName: 'DialogHeader',
+});
+
+const Dialog = createComponent({
+    tagName: 'm-dialog',
+    elementClass: Dialog$1,
+    events: {
+        onClose: 'm-close',
+        onOpening: 'm-opening',
+        onOpened: 'm-opened',
+        onClosing: 'm-closing',
+        onClosed: 'm-closed',
+    },
+    displayName: 'Dialog',
+    subComponents: {
+        ActionPrimary: DialogActionPrimary,
+        ActionSecondary: DialogActionSecondary,
+        ActionTertiary: DialogActionTertiary,
+        Actions: DialogActions,
+        Body: DialogBody,
+        Close: DialogClose,
+        Footer: DialogFooter,
+        Header: DialogHeader,
+    },
+});
+
+export { Dialog as D };

package/dist/Divider-Ce0Poebo.js

@@ -0,0 +1,10 @@
+import { Divider as Divider$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+
+const Divider = createComponent({
+    tagName: 'm-divider',
+    elementClass: Divider$1,
+    displayName: 'Divider',
+});
+
+export { Divider as D };

package/dist/Drawer-DAL5BRMS.js

@@ -0,0 +1,84 @@
+import { DrawerActionPrimary as DrawerActionPrimary$1, DrawerActionSecondary as DrawerActionSecondary$1, DrawerActionTertiary as DrawerActionTertiary$1, DrawerActions as DrawerActions$1, DrawerBody as DrawerBody$1, DrawerClose as DrawerClose$1, DrawerHeader as DrawerHeader$1, Drawer as Drawer$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const WiredDrawerActionPrimary = createComponent({
+    tagName: 'm-drawer-action-primary',
+    elementClass: DrawerActionPrimary$1,
+    displayName: 'DrawerActionPrimary',
+});
+function DrawerActionPrimary(props) {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredDrawerActionPrimary, { ...rest, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+}
+
+const WiredDrawerActionSecondary = createComponent({
+    tagName: 'm-drawer-action-secondary',
+    elementClass: DrawerActionSecondary$1,
+    displayName: 'DrawerActionSecondary',
+});
+function DrawerActionSecondary(props) {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredDrawerActionSecondary, { ...rest, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+}
+
+const WiredDrawerActionTertiary = createComponent({
+    tagName: 'm-drawer-action-tertiary',
+    elementClass: DrawerActionTertiary$1,
+    displayName: 'DrawerActionTertiary',
+});
+function DrawerActionTertiary(props) {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredDrawerActionTertiary, { ...rest, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+}
+
+const DrawerActions = createComponent({
+    tagName: 'm-drawer-actions',
+    elementClass: DrawerActions$1,
+    displayName: 'DrawerActions',
+});
+
+const DrawerBody = createComponent({
+    tagName: 'm-drawer-body',
+    elementClass: DrawerBody$1,
+    displayName: 'DrawerBody',
+});
+
+const DrawerClose = createComponent({
+    tagName: 'm-drawer-close',
+    elementClass: DrawerClose$1,
+    events: {
+        onClose: 'm-close',
+    },
+    displayName: 'DrawerClose',
+});
+
+const DrawerHeader = createComponent({
+    tagName: 'm-drawer-header',
+    elementClass: DrawerHeader$1,
+    displayName: 'DrawerHeader',
+});
+
+const Drawer = createComponent({
+    tagName: 'm-drawer',
+    elementClass: Drawer$1,
+    events: {
+        onClose: 'm-close',
+        onOpening: 'm-opening',
+        onOpened: 'm-opened',
+        onClosing: 'm-closing',
+        onClosed: 'm-closed',
+    },
+    displayName: 'Drawer',
+    subComponents: {
+        ActionPrimary: DrawerActionPrimary,
+        ActionSecondary: DrawerActionSecondary,
+        ActionTertiary: DrawerActionTertiary,
+        Actions: DrawerActions,
+        Body: DrawerBody,
+        Close: DrawerClose,
+        Header: DrawerHeader,
+    },
+});
+
+export { Drawer as D };

package/dist/Dropdown-BZq7wxH2.js

@@ -0,0 +1,47 @@
+import { DropdownItem as DropdownItem$1, DropdownMenu as DropdownMenu$1, DropdownTrigger as DropdownTrigger$1, Dropdown as Dropdown$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const WiredDropdownItem = createComponent({
+    tagName: 'm-dropdown-item',
+    elementClass: DropdownItem$1,
+    displayName: 'DropdownItem',
+});
+const DropdownItem = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredDropdownItem, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const DropdownMenu = createComponent({
+    tagName: 'm-dropdown-menu',
+    elementClass: DropdownMenu$1,
+    displayName: 'DropdownMenu',
+});
+
+const WiredDropdownTrigger = createComponent({
+    tagName: 'm-dropdown-trigger',
+    elementClass: DropdownTrigger$1,
+    displayName: 'DropdownTrigger',
+});
+const DropdownTrigger = forwardRef((props, ref) => {
+    const { leading, children, ...rest } = props;
+    return (jsxs(WiredDropdownTrigger, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
+});
+
+const Dropdown = createComponent({
+    tagName: 'm-dropdown',
+    elementClass: Dropdown$1,
+    displayName: 'Dropdown',
+    subComponents: {
+        Item: DropdownItem,
+        Menu: DropdownMenu,
+        Trigger: DropdownTrigger,
+    },
+    events: {
+        onExpand: 'm-expand',
+        onCollapse: 'm-collapse',
+    },
+});
+
+export { Dropdown as D, DropdownMenu as a, DropdownItem as b, DropdownTrigger as c };

package/dist/EmptyState-N_H8UALy.js

@@ -0,0 +1,49 @@
+import { EmptyStateIllustration as EmptyStateIllustration$1, EmptyStateHeader as EmptyStateHeader$1, EmptyStateMessage as EmptyStateMessage$1, EmptyStateAction as EmptyStateAction$1, EmptyState as EmptyState$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const EmptyStateIllustration = createComponent({
+    tagName: 'm-empty-state-illustration',
+    elementClass: EmptyStateIllustration$1,
+    displayName: 'EmptyStateIllustration',
+});
+
+const EmptyStateHeader = createComponent({
+    tagName: 'm-empty-state-header',
+    elementClass: EmptyStateHeader$1,
+    displayName: 'EmptyStateHeader',
+});
+
+const EmptyStateMessage = createComponent({
+    tagName: 'm-empty-state-message',
+    elementClass: EmptyStateMessage$1,
+    displayName: 'EmptyStateMessage',
+});
+
+const WiredEmptyStateAction = createComponent({
+    tagName: 'm-empty-state-action',
+    elementClass: EmptyStateAction$1,
+    displayName: 'EmptyStateAction',
+});
+const EmptyStateAction = forwardRef((props, ref) => {
+    const { leading, trailing, children, ...rest } = props;
+    return (jsxs(WiredEmptyStateAction, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
+
+const EmptyState = createComponent({
+    tagName: 'm-empty-state',
+    elementClass: EmptyState$1,
+    events: {
+        onAction: 'm-action',
+    },
+    displayName: 'EmptyState',
+    subComponents: {
+        Illustration: EmptyStateIllustration,
+        Header: EmptyStateHeader,
+        Message: EmptyStateMessage,
+        Action: EmptyStateAction,
+    },
+});
+
+export { EmptyState as E };

package/dist/Field-DUTm4XZx.js

@@ -0,0 +1,31 @@
+import { FieldLabel as FieldLabel$1, FieldHint as FieldHint$1, Field as Field$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const FieldLabel = createComponent({
+    tagName: 'm-field-label',
+    elementClass: FieldLabel$1,
+    displayName: 'FieldLabel',
+});
+
+const WiredFieldHint = createComponent({
+    tagName: 'm-field-hint',
+    elementClass: FieldHint$1,
+    displayName: 'FieldHint',
+});
+const FieldHint = forwardRef(({ children, leading, ...props }, ref) => {
+    return (jsxs(WiredFieldHint, { ...props, slot: "hint", ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
+});
+
+const Field = createComponent({
+    tagName: 'm-field',
+    elementClass: Field$1,
+    displayName: 'Field',
+    subComponents: {
+        Label: FieldLabel,
+        Hint: FieldHint,
+    },
+});
+
+export { Field as F };

package/dist/Header-BVVroF-a.js

@@ -0,0 +1,47 @@
+import { HeaderActions as HeaderActions$1, HeaderContent as HeaderContent$1, HeaderTitle as HeaderTitle$1, SubHeader as SubHeader$1, BackButton, Header as Header$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+
+const HeaderActions = createComponent({
+    tagName: 'm-header-actions',
+    elementClass: HeaderActions$1,
+    displayName: 'HeaderActions',
+});
+
+const HeaderContent = createComponent({
+    tagName: 'm-header-content',
+    elementClass: HeaderContent$1,
+    displayName: 'HeaderContent',
+});
+
+const HeaderTitle = createComponent({
+    tagName: 'm-header-title',
+    elementClass: HeaderTitle$1,
+    displayName: 'HeaderTitle',
+});
+
+const SubHeader = createComponent({
+    tagName: 'm-sub-header',
+    elementClass: SubHeader$1,
+    displayName: 'SubHeader',
+});
+
+const HeaderBackButton = createComponent({
+    tagName: 'm-back-button',
+    elementClass: BackButton,
+    displayName: 'HeaderBackButton',
+});
+
+const Header = createComponent({
+    tagName: 'm-header',
+    elementClass: Header$1,
+    displayName: 'Header',
+    subComponents: {
+        Actions: HeaderActions,
+        Content: HeaderContent,
+        Title: HeaderTitle,
+        SubHeader,
+        BackButton: HeaderBackButton,
+    },
+});
+
+export { Header as H, SubHeader as S, HeaderActions as a, HeaderTitle as b };

package/dist/Icon-JSXp1ySp.js

@@ -0,0 +1,10 @@
+import { Icon as Icon$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+
+const Icon = createComponent({
+    tagName: 'm-icon',
+    elementClass: Icon$1,
+    displayName: 'Icon',
+});
+
+export { Icon as I };