@loadsmart/miranda-react 3.0.0-alpha.2 → 3.0.0-beta.10

package/dist/components/Accordion/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Accordion } from './Accordion';
 export type { AccordionProps } from './Accordion';
-export { Accordion as WCAccordion, AccordionTitle as WCAccordionTitle, AccordionContent as WCAccordionContent, } from '@loadsmart/miranda-wc';
-export type { AccordionProps as WCAccordionProps, AccordionToggleEventDetails, } from '@loadsmart/miranda-wc';

package/dist/components/Badge/index.d.ts

@@ -1,4 +1,2 @@
 export { Badge } from './Badge';
 export type { BadgeProps } from './Badge';
-export { Badge as WCBadge } from '@loadsmart/miranda-wc';
-export type { BadgeProps as WCBadgeProps } from '@loadsmart/miranda-wc';

package/dist/components/Banner/Banner.d.ts

@@ -19,3 +19,4 @@ export declare const Banner: import("@lit/react").ReactWebComponent<WCBanner, {
     Title: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").BannerTitle, {}>;
 };
 export type BannerProps = ComponentProps<typeof Banner>;
+export type { BannerVariant } from '@loadsmart/miranda-wc';

package/dist/components/Banner/index.d.ts

@@ -1,4 +1,2 @@
 export { Banner } from './Banner';
-export type { BannerProps } from './Banner';
-export { Banner as WCBanner, BannerActions as WCBannerActions, BannerActionPrimary as WCBannerActionPrimary, BannerActionSecondary as WCBannerActionSecondary, BannerDescription as WCBannerDescription, BannerIcon as WCBannerIcon, BannerTitle as WCBannerTitle, } from '@loadsmart/miranda-wc';
-export type { BannerProps as WCBannerProps, BannerVariant, } from '@loadsmart/miranda-wc';
+export type { BannerProps, BannerVariant } from './Banner';

package/dist/components/Button/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Button } from './Button';
 export type { ButtonProps } from './Button';
-export { Button as WCButton } from '@loadsmart/miranda-wc';
-export type { ButtonProps as WCButtonProps, ButtonSize, ButtonType, ButtonVariant, } from '@loadsmart/miranda-wc';

package/dist/components/Card/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Card } from './Card';
 export type { CardProps } from './Card';
-export { Card as WCCard, CardBody as WCCardBody, CardSubtitle as WCCardSubtitle, CardTitle as WCCardTitle, CardDivider as WCCardDivider, CardFooter as WCCardFooter, CardActionPrimary as WCCardActionPrimary, CardActionSecondary as WCCardActionSecondary, CardActionTertiary as WCCardActionTertiary, } from '@loadsmart/miranda-wc';
-export type { CardProps as WCCardProps, CardToggleEventDetails, } from '@loadsmart/miranda-wc';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode, ComponentProps } from 'react';
 import { Checkbox as WCCheckbox } from '@loadsmart/miranda-wc';
-import type { WebComponentProps } from '@lit/react';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { ReactNode, ComponentProps } from 'react';
+import type { MirandaChangeEvent } from '../../utils/types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -9,7 +10,7 @@ declare global {
     }
 }
 declare const WiredCheckbox: import("@lit/react").ReactWebComponent<WCCheckbox, {
-    onChange: string;
+    onChange: EventName<MirandaChangeEvent<WCCheckbox>>;
 }>;
 export type CheckboxProps = ComponentProps<typeof WiredCheckbox> & {
     leading?: ReactNode;

package/dist/components/Checkbox/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
-export { Checkbox as WCCheckbox } from '@loadsmart/miranda-wc';
-export type { CheckboxProps as WCCheckboxProps } from '@loadsmart/miranda-wc';

package/dist/components/Dialog/index.d.ts

@@ -1,6 +1,4 @@
 export { Dialog } from './Dialog';
 export type { DialogProps, DialogActionPrimaryProps, DialogActionSecondaryProps, DialogActionTertiaryProps, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogHeaderProps, } from './Dialog';
-export { Dialog as WCDialog, DialogActionPrimary as WCDialogActionPrimary, DialogActionSecondary as WCDialogActionSecondary, DialogActionTertiary as WCDialogActionTertiary, DialogActions as WCDialogActions, DialogBody as WCDialogBody, DialogClose as WCDialogClose, DialogFooter as WCDialogFooter, DialogHeader as WCDialogHeader, } from '@loadsmart/miranda-wc';
 export { DIALOG_SIZES, DIALOG_VARIANTS } from '@loadsmart/miranda-wc';
 export type { DialogSize, DialogVariant } from '@loadsmart/miranda-wc';
-export type { DialogProps as WCDialogProps } from '@loadsmart/miranda-wc';

package/dist/components/Divider/index.d.ts

@@ -1,3 +1,2 @@
 export { Divider } from './Divider';
 export type { DividerProps } from './Divider';
-export { Divider as WCDivider } from '@loadsmart/miranda-wc';

package/dist/components/Drawer/index.d.ts

@@ -1,6 +1,4 @@
 export { Drawer } from './Drawer';
 export type { DrawerProps, DrawerActionPrimaryProps, DrawerActionSecondaryProps, DrawerActionTertiaryProps, DrawerActionsProps, DrawerBodyProps, DrawerCloseProps, DrawerHeaderProps, } from './Drawer';
-export { Drawer as WCDrawer, DrawerActionPrimary as WCDrawerActionPrimary, DrawerActionSecondary as WCDrawerActionSecondary, DrawerActionTertiary as WCDrawerActionTertiary, DrawerActions as WCDrawerActions, DrawerBody as WCDrawerBody, DrawerClose as WCDrawerClose, DrawerHeader as WCDrawerHeader, } from '@loadsmart/miranda-wc';
 export { DRAWER_SIZES } from '@loadsmart/miranda-wc';
-export type { DrawerProps as WCDrawerProps } from '@loadsmart/miranda-wc';
 export type { DrawerSize } from '@loadsmart/miranda-wc';

package/dist/components/Dropdown/index.d.ts

@@ -3,5 +3,3 @@ export { DropdownMenu } from './DropdownMenu';
 export { DropdownItem } from './DropdownItem';
 export { DropdownTrigger } from './DropdownTrigger';
 export type { DropdownProps, DropdownItemProps, DropdownTriggerProps, DropdownMenuProps, } from './Dropdown';
-export { Dropdown as WCDropdown, DropdownTrigger as WCDropdownTrigger, DropdownMenu as WCDropdownMenu, DropdownItem as WCDropdownItem, } from '@loadsmart/miranda-wc';
-export type { DropdownProps as WCDropdownProps, DropdownItemProps as WCDropdownItemProps, DropdownTriggerProps as WCDropdownTriggerProps, DropdownPlacement, DropdownSize, } from '@loadsmart/miranda-wc';

package/dist/components/EmptyState/index.d.ts

@@ -1,5 +1,4 @@
 export { EmptyState } from './EmptyState';
 export type { EmptyStateProps, EmptyStateIllustrationProps, EmptyStateHeaderProps, EmptyStateMessageProps, EmptyStateActionProps, } from './EmptyState';
-export { EmptyState as WCEmptyState, EmptyStateAction as WCEmptyStateAction, EmptyStateHeader as WCEmptyStateHeader, EmptyStateIllustration as WCEmptyStateIllustration, EmptyStateMessage as WCEmptyStateMessage, } from '@loadsmart/miranda-wc';
 export { EMPTY_STATE_VARIANTS } from '@loadsmart/miranda-wc';
 export type { EmptyStateVariant } from '@loadsmart/miranda-wc';

package/dist/components/Field/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Field } from './Field';
 export type { FieldProps } from './Field';
-export { Field as WCField, FieldLabel as WCFieldLabel, FieldHint as WCFieldHint, } from '@loadsmart/miranda-wc';
-export type { FieldProps as WCFieldProps, FieldHintProps as WCFieldHintProps, FieldLabelProps as WCFieldLabelProps, FieldSize, FieldStatus, } from '@loadsmart/miranda-wc';

package/dist/components/Header/index.d.ts

@@ -6,4 +6,3 @@ export { SubHeader } from './SubHeader';
 export type { SubHeaderProps } from './SubHeader';
 export { HeaderTitle } from './HeaderTitle';
 export type { HeaderTitleProps } from './HeaderTitle';
-export { Header as WCHeader, HeaderActions as WCHeaderActions, HeaderContent as WCHeaderContent, HeaderTitle as WCHeaderTitle, SubHeader as WCSubHeader, } from '@loadsmart/miranda-wc';

package/dist/components/Icon/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Icon } from './Icon';
 export type { IconProps } from './Icon';
-export { Icon as WCIcon } from '@loadsmart/miranda-wc';
-export type { IconProps as WCIconProps, IconName } from '@loadsmart/miranda-wc';

package/dist/components/LabeledValue/index.d.ts

@@ -1,3 +1 @@
 export * from './LabeledValue';
-export { LabeledValue as WCLabeledValue, LabeledValueLabel as WCLabeledValueLabel, LabeledValueValue as WCLabeledValueValue, } from '@loadsmart/miranda-wc';
-export type { LabeledValueProps as WCLabeledValueProps } from '@loadsmart/miranda-wc';

package/dist/components/Layout/index.d.ts

@@ -7,5 +7,3 @@ export { default as Sidebar, type SidebarProps, type SidebarSideProps, type Side
 export { default as Switcher, type SwitcherProps } from './Switcher';
 export { Row, Column, Container } from './Row';
 export type { RowProps, ColumnProps, ContainerProps } from './Row';
-export { Box as WCBox, Group as WCGroup, Stack as WCStack, Grid as WCGrid, Sidebar as WCSidebar, Switcher as WCSwitcher, Container as WCContainer, Row as WCRow, Column as WCColumn, } from '@loadsmart/miranda-wc';
-export type { BoxProps as WCBoxProps, GroupProps as WCGroupProps, StackProps as WCStackProps, GridProps as WCGridProps, SidebarProps as WCSidebarProps, SwitcherProps as WCSwitcherProps, ColumnProps as WCColumnProps, RowProps as WCRowProps, ColumnSize, JustifyContentValue, AlignItemsValue, } from '@loadsmart/miranda-wc';

package/dist/components/Link/Link.d.ts

@@ -1,6 +1,7 @@
 import type { ComponentProps } from 'react';
 import type { WebComponentProps } from '@lit/react';
 import { Link as WCLink } from '@loadsmart/miranda-wc';
+import type { LinkReferrerPolicy, LinkSize, LinkTarget } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -10,3 +11,4 @@ declare global {
 }
 export declare const Link: import("@lit/react").ReactWebComponent<WCLink, {}>;
 export type LinkProps = ComponentProps<typeof Link>;
+export type { LinkReferrerPolicy, LinkSize, LinkTarget };

package/dist/components/Link/index.d.ts

@@ -1,4 +1,2 @@
 export { Link } from './Link';
-export type { LinkProps } from './Link';
-export { Link as WCLink } from '@loadsmart/miranda-wc';
-export type { LinkReferrerPolicy, LinkSize, LinkTarget, } from '@loadsmart/miranda-wc';
+export type { LinkReferrerPolicy, LinkSize, LinkTarget } from './Link';

package/dist/components/LogoLoader/index.d.ts

@@ -1,4 +1,2 @@
 export { default as LogoLoader } from './LogoLoader';
 export type { LogoLoaderProps } from './LogoLoader';
-export { LogoLoader as WCLogoLoader } from '@loadsmart/miranda-wc';
-export type { LogoLoaderProps as WCLogoLoaderProps } from '@loadsmart/miranda-wc';

package/dist/components/PageContent/index.d.ts

@@ -1,5 +1 @@
 export { PageContent } from './PageContent';
-export type { PageContentProps } from './PageContent';
-export { Body } from './Body';
-export type { BodyProps } from './Body';
-export { PageContent as WCPageContent, Body as WCBody, } from '@loadsmart/miranda-wc';

package/dist/components/Pagination/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Pagination } from './Pagination';
 export type { PaginationProps } from './Pagination';
-export { Pagination as WCPagination } from '@loadsmart/miranda-wc';
-export type { PaginationProps as WCPaginationProps, PaginationChangeEventDetails, } from '@loadsmart/miranda-wc';

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,6 +1,8 @@
 import type { ComponentProps } from 'react';
 import type { WebComponentProps } from '@lit/react';
 import { ProgressBar as WCProgressBar } from '@loadsmart/miranda-wc';
+import type { ProgressBarVariant as WCProgressBarVariant } from '@loadsmart/miranda-wc';
+export type ProgressBarVariant = WCProgressBarVariant;
 declare global {
     namespace JSX {
         interface IntrinsicElements {

package/dist/components/ProgressBar/index.d.ts

@@ -1,4 +1,2 @@
 export { default as ProgressBar } from './ProgressBar';
-export type { ProgressBarProps } from './ProgressBar';
-export { ProgressBar as WCProgressBar } from '@loadsmart/miranda-wc';
-export type { ProgressBarProps as WCProgressBarProps, ProgressBarVariant, } from '@loadsmart/miranda-wc';
+export type { ProgressBarProps, ProgressBarVariant } from './ProgressBar';

package/dist/components/ProgressBarCountdown/index.d.ts

@@ -1,4 +1,2 @@
 export { default as ProgressBarCountdown } from './ProgressBarCountdown';
 export type { ProgressBarCountdownProps } from './ProgressBarCountdown';
-export { ProgressBarCountdown as WCProgressBarCountdown } from '@loadsmart/miranda-wc';
-export type { ProgressBarCountdownProps as WCProgressBarCountdownProps } from '@loadsmart/miranda-wc';

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,6 +1,7 @@
-import type { WebComponentProps } from '@lit/react';
 import { RadioGroup as WCRadioGroup } from '@loadsmart/miranda-wc';
 import type { ComponentProps } from 'react';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { MirandaChangeEvent } from '../../utils/types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -9,7 +10,7 @@ declare global {
     }
 }
 declare const RadioGroup: import("@lit/react").ReactWebComponent<WCRadioGroup, {
-    onChange: string;
+    onChange: EventName<MirandaChangeEvent<WCRadioGroup>>;
 }> & {
     Radio: import("react").ForwardRefExoticComponent<Omit<import("./Radio").RadioProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").Radio>>;
 };

package/dist/components/RadioGroup/index.d.ts

@@ -2,5 +2,3 @@ export { default as RadioGroup } from './RadioGroup';
 export { default as Radio } from './Radio';
 export type { RadioGroupProps } from './RadioGroup';
 export type { RadioProps } from './Radio';
-export { Radio as WCRadio, RadioGroup as WCRadioGroup, } from '@loadsmart/miranda-wc';
-export type { RadioProps as WCRadioProps, RadioGroupProps as WCRadioGroupProps, RadioGroupOrientation, } from '@loadsmart/miranda-wc';

package/dist/components/Section/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Section } from './Section';
 export type { SectionProps } from './Section';
-export { Section as WCSection, SectionTitle as WCSectionTitle, } from '@loadsmart/miranda-wc';
-export type { SectionProps as WCSectionProps } from '@loadsmart/miranda-wc';

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,31 @@
+import { Select as WCSelect } from '@loadsmart/miranda-wc';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { ReactNode, ComponentProps } from 'react';
+import type { MirandaChangeEvent } from '../../utils/types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-select': WebComponentProps<WCSelect>;
+        }
+    }
+}
+declare const WiredSelect: import("@lit/react").ReactWebComponent<WCSelect, {
+    onExpand: EventName<CustomEvent<any>>;
+    onCollapse: EventName<CustomEvent<any>>;
+    onChange: EventName<MirandaChangeEvent<WCSelect>>;
+}>;
+export type SelectOption = {
+    value: string;
+    label?: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    disabled?: boolean;
+};
+export type SelectProps = ComponentProps<typeof WiredSelect> & {
+    options?: SelectOption[];
+};
+export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Select {
+    var Option: import("react").ForwardRefExoticComponent<Omit<import("./SelectOption").SelectOptionProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").SelectOption>>;
+}
+export {};

package/dist/components/Select/SelectOption.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps, ReactNode } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { SelectOption as WCSelectOption } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-option': WebComponentProps<WCSelectOption>;
+        }
+    }
+}
+export declare const WiredSelectOption: import("@lit/react").ReactWebComponent<WCSelectOption, {}>;
+export interface SelectOptionProps extends ComponentProps<typeof WiredSelectOption> {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+export declare const SelectOption: import("react").ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & import("react").RefAttributes<WCSelectOption>>;

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps } from './Select';

package/dist/components/SpinnerWheel/index.d.ts

@@ -1,4 +1,2 @@
 export { default as SpinnerWheel } from './SpinnerWheel';
 export type { SpinnerWheelProps } from './SpinnerWheel';
-export { SpinnerWheel as WCSpinnerWheel } from '@loadsmart/miranda-wc';
-export type { SpinnerWheelProps as WCSpinnerWheelProps } from '@loadsmart/miranda-wc';

package/dist/components/Steps/Steps.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentProps } from 'react';
 import type { EventName, WebComponentProps } from '@lit/react';
+import type { StepChangeEventDetail, StepNavigateEventDetail } from '@loadsmart/miranda-wc';
 import { Steps as WCSteps } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
@@ -9,9 +10,9 @@ declare global {
     }
 }
 export declare const Steps: import("@lit/react").ReactWebComponent<WCSteps, {
-    onChange: EventName<CustomEvent<any>>;
+    onChange: EventName<CustomEvent<StepChangeEventDetail>>;
     onComplete: EventName<CustomEvent<any>>;
-    onNavigate: EventName<CustomEvent<any>>;
+    onNavigate: EventName<CustomEvent<StepNavigateEventDetail>>;
     onNext: EventName<CustomEvent<any>>;
     onPrevious: EventName<CustomEvent<any>>;
 }> & {

package/dist/components/Steps/index.d.ts

@@ -3,5 +3,3 @@ export { Step } from './Step';
 export { useSteps } from './useSteps';
 export type { StepsProps } from './Steps';
 export type { StepProps } from './Step';
-export { Step as WCStep, Steps as WCSteps } from '@loadsmart/miranda-wc';
-export type { StepProps as WCStepProps, NavigateStepEventDetail, } from '@loadsmart/miranda-wc';

package/dist/components/Steps/useSteps.d.ts

@@ -1,5 +1,5 @@
 import type { LiteralUnion } from '../../utils/types';
-export declare function createCustomEvent(eventName: string, detail?: unknown): CustomEvent<unknown>;
+export declare function createCustomEvent<T>(eventName: string, detail?: T): CustomEvent<T>;
 export declare function useSteps(): {
     elementRef: HTMLElement | null;
     registerSteps: () => {

package/dist/components/Switch/Switch.d.ts

@@ -1,6 +1,7 @@
-import type { ComponentProps } from 'react';
-import type { WebComponentProps } from '@lit/react';
 import { Switch as WCSwitch } from '@loadsmart/miranda-wc';
+import type { ComponentProps } from 'react';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { MirandaChangeEvent } from '../../utils/types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -9,6 +10,6 @@ declare global {
     }
 }
 export declare const Switch: import("@lit/react").ReactWebComponent<WCSwitch, {
-    onChange: string;
+    onChange: EventName<MirandaChangeEvent<WCSwitch>>;
 }>;
 export type SwitchProps = ComponentProps<typeof Switch>;

package/dist/components/Switch/index.d.ts

@@ -1,4 +1,2 @@
 export { Switch } from './Switch';
 export type { SwitchProps } from './Switch';
-export { Switch as WCSwitch } from '@loadsmart/miranda-wc';
-export type { SwitchProps as WCSwitchProps, SwitchSize, } from '@loadsmart/miranda-wc';

package/dist/components/Table/index.d.ts

@@ -18,5 +18,4 @@ export type { TableCellProps } from './TableCell';
 export type { TableToolbarProps } from './TableToolbar';
 export type { TableFeedbackProps } from './TableFeedback';
 export type { TableActionsProps } from './TableActions';
-export { Table as WCTable, TableHead as WCTableHead, TableHeadCell as WCTableHeadCell, TableBody as WCTableBody, TableFoot as WCTableFoot, TableRow as WCTableRow, TableCell as WCTableCell, TableToolbar as WCTableToolbar, TableFeedback as WCTableFeedback, TableActions as WCTableActions, } from '@loadsmart/miranda-wc';
-export type { TableProps as WCTableProps, TableCellProps as WCTableCellProps, TableHeadCellProps as WCTableHeadCellProps, TableSize, TableCellAlignment, TableSortDirection, TableHeadCellSortEventDetails, } from '@loadsmart/miranda-wc';
+export type { TableSize, TableCellAlignment, TableSortDirection, TableHeadCellSortEventDetails, } from '@loadsmart/miranda-wc';

package/dist/components/Tabs/index.d.ts

@@ -4,5 +4,4 @@ export { default as TabPanel } from './TabPanel';
 export type { TabsProps } from './Tabs';
 export type { TabProps } from './Tab';
 export type { TabPanelProps } from './TabPanel';
-export { Tabs as WCTabs, Tab as WCTab, TabPanel as WCTabPanel, } from '@loadsmart/miranda-wc';
-export type { TabsProps as WCTabsProps, TabProps as WCTabProps, TabPanelProps as WCTabPanelProps, TabContentDirection, TabChangeEventDetail, } from '@loadsmart/miranda-wc';
+export type { TabContentDirection } from '@loadsmart/miranda-wc';

package/dist/components/Tag/ActionableTag.d.ts

@@ -1,7 +1,7 @@
-import type { ReactNode, ComponentProps } from 'react';
-import type { EventName, WebComponentProps } from '@lit/react';
 import { ActionableTag as WCActionableTag } from '@loadsmart/miranda-wc';
-import type { ActionableTagChangeEventDetail } from '@loadsmart/miranda-wc';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { ReactNode, ComponentProps } from 'react';
+import type { MirandaChangeEvent } from '../../utils/types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -10,7 +10,7 @@ declare global {
     }
 }
 declare const WiredActionableTag: import("@lit/react").ReactWebComponent<WCActionableTag, {
-    onChange: EventName<CustomEvent<ActionableTagChangeEventDetail>>;
+    onChange: EventName<MirandaChangeEvent<WCActionableTag>>;
     onRemove: EventName<CustomEvent<any>>;
 }>;
 export type ActionableTagProps = ComponentProps<typeof WiredActionableTag> & {

package/dist/components/Tag/index.d.ts

@@ -2,5 +2,3 @@ export { default as Tag } from './Tag';
 export type { TagProps } from './Tag';
 export { default as ActionableTag } from './ActionableTag';
 export type { ActionableTagProps } from './ActionableTag';
-export { Tag as WCTag, ActionableTag as WCActionableTag, } from '@loadsmart/miranda-wc';
-export type { TagProps as WCTagProps, ActionableTagProps as WCActionableTagProps, TagVariant, TagSize, ActionableTagChangeEventDetail, } from '@loadsmart/miranda-wc';

package/dist/components/Text/index.d.ts

@@ -1,4 +1,2 @@
 export { default as Text } from './Text';
 export type { TextProps } from './Text';
-export { Text as WCText } from '@loadsmart/miranda-wc';
-export type { TextProps as WCTextProps } from '@loadsmart/miranda-wc';

package/dist/components/TextArea/TextArea.d.ts

@@ -1,7 +1,8 @@
+import { TextArea as WCTextArea } from '@loadsmart/miranda-wc';
 import type { ComponentProps } from 'react';
-import type { WebComponentProps } from '@lit/react';
+import type { EventName, WebComponentProps } from '@lit/react';
 import type { TextAreaProps as WCTextAreaProps } from '@loadsmart/miranda-wc';
-import { TextArea as WCTextArea } from '@loadsmart/miranda-wc';
+import type { MirandaChangeEvent } from '../../utils/types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -10,8 +11,8 @@ declare global {
     }
 }
 declare const WiredTextArea: import("@lit/react").ReactWebComponent<WCTextArea, {
-    onInput: string;
-    onChange: string;
+    onInput: EventName<MirandaChangeEvent<WCTextArea>>;
+    onChange: EventName<MirandaChangeEvent<WCTextArea>>;
 }>;
 export type TextAreaProps = ComponentProps<typeof WiredTextArea>;
 declare function TextArea(props: TextAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TextArea/index.d.ts

@@ -1,4 +1,2 @@
 export { default as TextArea } from './TextArea';
 export type { TextAreaProps } from './TextArea';
-export { TextArea as WCTextArea } from '@loadsmart/miranda-wc';
-export type { TextAreaProps as WCTextAreaProps } from '@loadsmart/miranda-wc';

package/dist/components/TextField/TextField.d.ts

@@ -1,17 +1,17 @@
-import type { ReactNode, ComponentProps } from 'react';
-import type { EventName, WebComponentProps } from '@lit/react';
-import type { TextFieldProps as WCTextFieldProps } from '@loadsmart/miranda-wc';
 import { TextField as WCTextField } from '@loadsmart/miranda-wc';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { ReactNode, ComponentProps } from 'react';
+import type { MirandaChangeEvent } from '../../utils/types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-text-field': WebComponentProps<WCTextField> & WCTextFieldProps;
+            'm-text-field': WebComponentProps<WCTextField>;
         }
     }
 }
 declare const WiredTextField: import("@lit/react").ReactWebComponent<WCTextField, {
-    onInput: string;
-    onChange: string;
+    onInput: EventName<MirandaChangeEvent<WCTextField>>;
+    onChange: EventName<MirandaChangeEvent<WCTextField>>;
     onClear: EventName<CustomEvent<any>>;
 }>;
 export type TextFieldProps = ComponentProps<typeof WiredTextField> & {

package/dist/components/TextField/index.d.ts

@@ -1,4 +1,2 @@
 export { default as TextField } from './TextField';
 export type { TextFieldProps } from './TextField';
-export { TextField as WCTextField } from '@loadsmart/miranda-wc';
-export type { TextFieldProps as WCTextFieldProps } from '@loadsmart/miranda-wc';

package/dist/components/Timeline/index.d.ts

@@ -8,5 +8,3 @@ export { TimelineItemHeaderSubtitle } from './TimelineItemHeaderSubtitle';
 export { TimelineItemHeaderTitle } from './TimelineItemHeaderTitle';
 export { TimelineItemIcon } from './TimelineItemIcon';
 export type { TimelineProps, TimelineItemProps } from './Timeline';
-export { Timeline as WCTimeline, TimelineExpandableItem as WCTimelineExpandableItem, TimelineItem as WCTimelineItem, TimelineItemBody as WCTimelineItemBody, TimelineItemFooter as WCTimelineItemFooter, TimelineItemHeader as WCTimelineItemHeader, TimelineItemHeaderSubtitle as WCTimelineItemHeaderSubtitle, TimelineItemHeaderTitle as WCTimelineItemHeaderTitle, TimelineItemIcon as WCTimelineItemIcon, } from '@loadsmart/miranda-wc';
-export type { TimelineItemProps as WCTimelineItemProps, TimelineItemVariant, } from '@loadsmart/miranda-wc';

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode, ComponentProps } from 'react';
-import type { WebComponentProps } from '@lit/react';
 import { ToggleGroup as WCToggleGroup } from '@loadsmart/miranda-wc';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { ReactNode, ComponentProps } from 'react';
+import type { MirandaChangeEvent } from '../../utils/types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -9,7 +10,7 @@ declare global {
     }
 }
 declare const WiredToggleGroup: import("@lit/react").ReactWebComponent<WCToggleGroup, {
-    onChange: string;
+    onChange: EventName<MirandaChangeEvent<WCToggleGroup>>;
 }>;
 export type ToggleGroupOption = {
     value: string;

package/dist/components/ToggleGroup/index.d.ts

@@ -2,5 +2,3 @@ export { default as ToggleGroup } from './ToggleGroup';
 export { default as Toggle } from './Toggle';
 export type { ToggleGroupProps } from './ToggleGroup';
 export type { ToggleProps } from './Toggle';
-export { Toggle as WCToggle, ToggleGroup as WCToggleGroup, } from '@loadsmart/miranda-wc';
-export type { ToggleProps as WCToggleProps, ToggleGroupProps as WCToggleGroupProps, ToggleSize, } from '@loadsmart/miranda-wc';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode, ComponentProps } from 'react';
-import type { WebComponentProps } from '@lit/react';
 import { Tooltip as WCTooltip } from '@loadsmart/miranda-wc';
+import type { ReactElement, ReactNode, ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import type { TooltipPlacement, TooltipTrigger } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -10,7 +11,14 @@ declare global {
 }
 declare const WiredTooltip: import("@lit/react").ReactWebComponent<WCTooltip, {}>;
 export type TooltipProps = ComponentProps<typeof WiredTooltip> & {
-    message?: ReactNode;
+    message: ReactNode;
+    children: ReactElement;
 };
-export declare function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * Render the tooltip component.
+ *
+ * **Warning**: This component will throw if the provided `children` is not a single child,
+ * and will not render if the children is not valid or is a fragment.
+ */
+export declare function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element | null;
+export type { TooltipPlacement, TooltipTrigger };

package/dist/components/Tooltip/index.d.ts

@@ -1,4 +1,2 @@
 export { Tooltip } from './Tooltip';
-export type { TooltipProps } from './Tooltip';
-export { Tooltip as WCTooltip } from '@loadsmart/miranda-wc';
-export type { TooltipProps as WCTooltipProps, TooltipPlacement, TooltipTrigger, } from '@loadsmart/miranda-wc';
+export type { TooltipProps, TooltipPlacement, TooltipTrigger } from './Tooltip';