@loadsmart/miranda-react 2.0.1 → 3.0.0-beta.1

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

@@ -1,15 +1,13 @@
-import type { HTMLAttributes } from 'react';
-import * as React from 'react';
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { ProgressBarCountdown as WCProgressBarCountdown } from '@loadsmart/miranda-wc';
-import type { ProgressBarCountdownProps as WCProgressBarCountdownProps } from '@loadsmart/miranda-wc';
-export type ProgressBarCountdownProps = React.HTMLAttributes<HTMLElement> & WCProgressBarCountdownProps;
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-progress-bar-countdown': HTMLAttributes<WCProgressBarCountdown> & WCProgressBarCountdownProps;
+            'm-progress-bar-countdown': WebComponentProps<WCProgressBarCountdown>;
         }
     }
 }
-declare function ProgressBarCountdown(props: ProgressBarCountdownProps): JSX.Element;
+declare const ProgressBarCountdown: import("@lit/react").ReactWebComponent<WCProgressBarCountdown, {}>;
+export type ProgressBarCountdownProps = ComponentProps<typeof ProgressBarCountdown>;
 export default ProgressBarCountdown;
-//# sourceMappingURL=ProgressBarCountdown.d.ts.map

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

@@ -1,3 +1,2 @@
 export { default as ProgressBarCountdown } from './ProgressBarCountdown';
 export type { ProgressBarCountdownProps } from './ProgressBarCountdown';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,16 +1,16 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { ReactNode, ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { Radio as WCRadio } from '@loadsmart/miranda-wc';
-import type { RadioProps as WCRadioProps } from '@loadsmart/miranda-wc';
-export interface RadioProps extends HTMLAttributes<WCRadio>, WCRadioProps {
-    leading?: ReactNode;
-}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-radio': HTMLAttributes<HTMLElement> & RadioProps;
+            'm-radio': WebComponentProps<WCRadio> & RadioProps;
         }
     }
 }
-declare function Radio(props: RadioProps): JSX.Element;
+declare const WiredRadio: import("@lit/react").ReactWebComponent<WCRadio, {}>;
+export type RadioProps = ComponentProps<typeof WiredRadio> & {
+    leading?: ReactNode;
+};
+declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<WCRadio>>;
 export default Radio;
-//# sourceMappingURL=Radio.d.ts.map

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

@@ -1,22 +1,17 @@
-import * as React from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { RadioGroup as WCRadioGroup } from '@loadsmart/miranda-wc';
-import type { RadioGroupProps as WCRadioGroupProps } from '@loadsmart/miranda-wc';
-import type { HTMLAttributes } from 'react';
-import type { RadioGroupChangeEventDetail } from '@loadsmart/miranda-wc/dist/components/radio-group/radio-group';
-export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'>, WCRadioGroupProps {
-    onChange?: WCRadioGroupProps['m-change'];
-}
+import type { ComponentProps } from 'react';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-radio-group': HTMLAttributes<HTMLElement>;
+            'm-radio-group': WebComponentProps<WCRadioGroup>;
         }
     }
 }
-declare const RadioGroup: React.ForwardRefExoticComponent<Partial<Omit<React.HTMLAttributes<WCRadioGroup>, "onChange"> & Omit<WCRadioGroup, "children" | "style" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
-    onChange: (e: CustomEvent<RadioGroupChangeEventDetail>) => void;
-} & {
-    children?: React.ReactNode;
-}> & React.RefAttributes<unknown>>;
+declare const RadioGroup: import("@lit/react").ReactWebComponent<WCRadioGroup, {
+    onChange: string;
+}> & {
+    Radio: import("react").ForwardRefExoticComponent<Omit<import("./Radio").RadioProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").Radio>>;
+};
+export type RadioGroupProps = ComponentProps<typeof RadioGroup>;
 export default RadioGroup;
-//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -2,4 +2,3 @@ export { default as RadioGroup } from './RadioGroup';
 export { default as Radio } from './Radio';
 export type { RadioGroupProps } from './RadioGroup';
 export type { RadioProps } from './Radio';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,17 +1,15 @@
-import type { HTMLAttributes } from 'react';
-import type { SectionProps as WCSectionProps } from '@loadsmart/miranda-wc';
-import { SectionTitle } from './SectionTitle';
-export type SectionProps = HTMLAttributes<HTMLElement> & WCSectionProps;
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { Section as WCSection } from '@loadsmart/miranda-wc';
 declare global {
-    namespace React.JSX {
+    namespace JSX {
         interface IntrinsicElements {
-            'm-section': SectionProps;
+            'm-section': WebComponentProps<WCSection>;
         }
     }
 }
-declare function Section({ children, ...props }: SectionProps): JSX.Element;
-declare namespace Section {
-    var Title: typeof SectionTitle;
-}
+declare const Section: import("@lit/react").ReactWebComponent<WCSection, {}> & {
+    Title: import("react").ForwardRefExoticComponent<Omit<import("./SectionTitle").SectionTitleProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").SectionTitle>>;
+};
+export type SectionProps = ComponentProps<typeof Section>;
 export default Section;
-//# sourceMappingURL=Section.d.ts.map

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

@@ -1,15 +1,16 @@
-import type { HTMLAttributes } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { SectionTitle as WCSectionTitle } from '@loadsmart/miranda-wc';
-export interface SectionTitleProps extends Omit<HTMLAttributes<WCSectionTitle>, 'slot'> {
-    leading?: string;
-    size?: 'small' | 'default' | 'large';
-}
 declare global {
-    namespace React.JSX {
+    namespace JSX {
         interface IntrinsicElements {
-            'm-section-title': SectionTitleProps;
+            'm-section-title': WebComponentProps<WCSectionTitle>;
         }
     }
 }
-export declare function SectionTitle({ children, leading, ...props }: SectionTitleProps): JSX.Element;
-//# sourceMappingURL=SectionTitle.d.ts.map
+declare const WiredSectionTitle: import("@lit/react").ReactWebComponent<WCSectionTitle, {}>;
+export type SectionTitleProps = Omit<ComponentProps<typeof WiredSectionTitle>, 'slot'> & {
+    leading?: ReactNode;
+};
+export declare const SectionTitle: import("react").ForwardRefExoticComponent<Omit<SectionTitleProps, "ref"> & import("react").RefAttributes<WCSectionTitle>>;
+export {};

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

@@ -1,3 +1,2 @@
 export { default as Section } from './Section';
 export type { SectionProps } from './Section';
-//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,13 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { SpinnerWheel as WCSpinnerWheel } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-spinner-wheel': WebComponentProps<WCSpinnerWheel>;
+        }
+    }
+}
+declare const SpinnerWheel: import("@lit/react").ReactWebComponent<WCSpinnerWheel, {}>;
+export type SpinnerWheelProps = ComponentProps<typeof SpinnerWheel>;
+export default SpinnerWheel;

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

@@ -0,0 +1,2 @@
+export { default as SpinnerWheel } from './SpinnerWheel';
+export type { SpinnerWheelProps } from './SpinnerWheel';

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { Step as WCStep } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-step': WebComponentProps<WCStep>;
+        }
+    }
+}
+export declare const Step: import("@lit/react").ReactWebComponent<WCStep, {}>;
+export type StepProps = ComponentProps<typeof Step>;

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

@@ -0,0 +1,20 @@
+import type { ComponentProps } from 'react';
+import type { EventName, WebComponentProps } from '@lit/react';
+import { Steps as WCSteps } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-steps': WebComponentProps<WCSteps>;
+        }
+    }
+}
+export declare const Steps: import("@lit/react").ReactWebComponent<WCSteps, {
+    onChange: EventName<CustomEvent<any>>;
+    onComplete: EventName<CustomEvent<any>>;
+    onNavigate: EventName<CustomEvent<any>>;
+    onNext: EventName<CustomEvent<any>>;
+    onPrevious: EventName<CustomEvent<any>>;
+}> & {
+    Step: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").Step, {}>;
+};
+export type StepsProps = ComponentProps<typeof Steps>;

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

@@ -0,0 +1,5 @@
+export { Steps } from './Steps';
+export { Step } from './Step';
+export { useSteps } from './useSteps';
+export type { StepsProps } from './Steps';
+export type { StepProps } from './Step';

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

@@ -0,0 +1,10 @@
+import type { LiteralUnion } from '../../utils/types';
+export declare function createCustomEvent(eventName: string, detail?: unknown): CustomEvent<unknown>;
+export declare function useSteps(): {
+    elementRef: HTMLElement | null;
+    registerSteps: () => {
+        ref(element: HTMLElement | null): void;
+    };
+    navigateToStep: (step: LiteralUnion<'previous' | 'next', string>) => void;
+    completeStep: () => void;
+};

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

@@ -0,0 +1,14 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { Switch as WCSwitch } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-switch': WebComponentProps<WCSwitch>;
+        }
+    }
+}
+export declare const Switch: import("@lit/react").ReactWebComponent<WCSwitch, {
+    onChange: string;
+}>;
+export type SwitchProps = ComponentProps<typeof Switch>;

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

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

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

@@ -0,0 +1,33 @@
+import { Table as WCTable } from '@loadsmart/miranda-wc';
+import type { WebComponentProps } from '@lit/react';
+import type { ComponentProps } from 'react';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table': WebComponentProps<HTMLElement>;
+        }
+    }
+}
+declare module 'react' {
+    interface CSSProperties {
+        '--m-table-border-radius'?: string;
+        '--m-table-border-top-left-radius'?: string;
+        '--m-table-border-top-right-radius'?: string;
+        '--m-table-border-bottom-left-radius'?: string;
+        '--m-table-border-bottom-right-radius'?: string;
+    }
+}
+export declare const Table: import("@lit/react").ReactWebComponent<WCTable, {}> & {
+    Head: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableHead, {}>;
+    Body: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableBody, {}>;
+    Foot: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableFoot, {}>;
+    Row: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableRow, {}>;
+    HeadCell: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableHeadCell, {
+        onSort: import("@lit/react").EventName<CustomEvent<import("@loadsmart/miranda-wc").TableHeadCellSortEventDetails>>;
+    }>;
+    Cell: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableCell, {}>;
+    Toolbar: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableToolbar, {}>;
+    Feedback: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableFeedback, {}>;
+    Actions: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TableActions, {}>;
+};
+export type TableProps = ComponentProps<typeof Table>;

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TableActions as WCTableActions } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-actions': WebComponentProps<WCTableActions>;
+        }
+    }
+}
+export declare const TableActions: import("@lit/react").ReactWebComponent<WCTableActions, {}>;
+export type TableActionsProps = ComponentProps<typeof TableActions>;

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TableBody as WCTableBody } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-body': WebComponentProps<WCTableBody>;
+        }
+    }
+}
+export declare const TableBody: import("@lit/react").ReactWebComponent<WCTableBody, {}>;
+export type TableBodyProps = ComponentProps<typeof TableBody>;

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TableCell as WCTableCell } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-cell': WebComponentProps<WCTableCell>;
+        }
+    }
+}
+export declare const TableCell: import("@lit/react").ReactWebComponent<WCTableCell, {}>;
+export type TableCellProps = ComponentProps<typeof TableCell>;

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TableFeedback as WCTableFeedback } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-feedback': WebComponentProps<WCTableFeedback>;
+        }
+    }
+}
+export declare const TableFeedback: import("@lit/react").ReactWebComponent<WCTableFeedback, {}>;
+export type TableFeedbackProps = ComponentProps<typeof TableFeedback>;

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TableFoot as WCTableFoot } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-foot': WebComponentProps<WCTableFoot>;
+        }
+    }
+}
+export declare const TableFoot: import("@lit/react").ReactWebComponent<WCTableFoot, {}>;
+export type TableFootProps = ComponentProps<typeof TableFoot>;

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TableHead as WCTableHead } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-head': WebComponentProps<WCTableHead>;
+        }
+    }
+}
+export declare const TableHead: import("@lit/react").ReactWebComponent<WCTableHead, {}>;
+export type TableHeadProps = ComponentProps<typeof TableHead>;

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

@@ -0,0 +1,15 @@
+import type { ComponentProps } from 'react';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { TableHeadCellSortEventDetails } from '@loadsmart/miranda-wc';
+import { TableHeadCell as WCTableHeadCell } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-head-cell': WebComponentProps<WCTableHeadCell>;
+        }
+    }
+}
+export declare const TableHeadCell: import("@lit/react").ReactWebComponent<WCTableHeadCell, {
+    onSort: EventName<CustomEvent<TableHeadCellSortEventDetails>>;
+}>;
+export type TableHeadCellProps = ComponentProps<typeof TableHeadCell>;

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TableRow as WCTableRow } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-row': WebComponentProps<WCTableRow>;
+        }
+    }
+}
+export declare const TableRow: import("@lit/react").ReactWebComponent<WCTableRow, {}>;
+export type TableRowProps = ComponentProps<typeof TableRow>;

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TableToolbar as WCTableToolbar } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-toolbar': WebComponentProps<WCTableToolbar>;
+        }
+    }
+}
+export declare const TableToolbar: import("@lit/react").ReactWebComponent<WCTableToolbar, {}>;
+export type TableToolbarProps = ComponentProps<typeof TableToolbar>;

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

@@ -0,0 +1,21 @@
+export { Table } from './Table';
+export { TableHead } from './TableHead';
+export { TableBody } from './TableBody';
+export { TableFoot } from './TableFoot';
+export { TableRow } from './TableRow';
+export { TableHeadCell } from './TableHeadCell';
+export { TableCell } from './TableCell';
+export { TableToolbar } from './TableToolbar';
+export { TableFeedback } from './TableFeedback';
+export { TableActions } from './TableActions';
+export type { TableProps } from './Table';
+export type { TableHeadProps } from './TableHead';
+export type { TableBodyProps } from './TableBody';
+export type { TableFootProps } from './TableFoot';
+export type { TableRowProps } from './TableRow';
+export type { TableHeadCellProps } from './TableHeadCell';
+export type { TableCellProps } from './TableCell';
+export type { TableToolbarProps } from './TableToolbar';
+export type { TableFeedbackProps } from './TableFeedback';
+export type { TableActionsProps } from './TableActions';
+export type { TableSize, TableCellAlignment, TableSortDirection, TableHeadCellSortEventDetails, } from '@loadsmart/miranda-wc';

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

@@ -1,15 +1,16 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { TabProps as WCTabProps } from '@loadsmart/miranda-wc';
-export interface TabProps extends HTMLAttributes<HTMLElement>, WCTabProps {
-    leading?: ReactNode;
-}
+import type { ComponentProps, ReactNode } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { Tab as WCTab } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-tab': HTMLAttributes<HTMLElement> & TabProps;
+            'm-tab': WebComponentProps<WCTab> & TabProps;
         }
     }
 }
-declare function Tab({ children, leading, ...props }: TabProps): JSX.Element;
+declare const WiredTab: import("@lit/react").ReactWebComponent<WCTab, {}>;
+export interface TabProps extends ComponentProps<typeof WiredTab> {
+    leading?: ReactNode;
+}
+declare const Tab: import("react").ForwardRefExoticComponent<Omit<TabProps, "ref"> & import("react").RefAttributes<WCTab>>;
 export default Tab;
-//# sourceMappingURL=Tab.d.ts.map

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

@@ -1,14 +1,13 @@
-import type { HTMLAttributes } from 'react';
-import type { TabPanelProps as WCTabPanelProps } from '@loadsmart/miranda-wc';
-export interface TabPanelProps extends HTMLAttributes<HTMLElement>, WCTabPanelProps {
-}
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { TabPanel as WCTabPanel } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-tab-panel': HTMLAttributes<HTMLElement> & TabPanelProps;
+            'm-tab-panel': WebComponentProps<WCTabPanel>;
         }
     }
 }
-declare function TabPanel({ children, ...props }: TabPanelProps): JSX.Element;
+declare const TabPanel: import("@lit/react").ReactWebComponent<WCTabPanel, {}>;
+export type TabPanelProps = ComponentProps<typeof TabPanel>;
 export default TabPanel;
-//# sourceMappingURL=TabPanel.d.ts.map

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

@@ -1,20 +1,19 @@
-import type { HTMLAttributes } from 'react';
-import type { TabsProps as WCTabsProps } from '@loadsmart/miranda-wc';
-import TabPanel from './TabPanel';
-export interface TabsProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'>, Omit<WCTabsProps, 'm-tab-change'> {
-    onTabChange?: WCTabsProps['m-tab-change'];
-}
+import { Tabs as WCTabs } from '@loadsmart/miranda-wc';
+import type { EventName, WebComponentProps } from '@lit/react';
+import type { ComponentProps } from 'react';
+import type { TabChangeEventDetail } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-tabs': HTMLAttributes<HTMLElement>;
+            'm-tabs': WebComponentProps<HTMLElement>;
         }
     }
 }
-declare function Tabs({ children, ...props }: TabsProps): JSX.Element;
-declare namespace Tabs {
-    var Tab: typeof import("./Tab").default;
-    var Panel: typeof TabPanel;
-}
+declare const Tabs: import("@lit/react").ReactWebComponent<WCTabs, {
+    onTabChange: EventName<CustomEvent<TabChangeEventDetail>>;
+}> & {
+    Tab: import("react").ForwardRefExoticComponent<Omit<import("./Tab").TabProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").Tab>>;
+    Panel: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").TabPanel, {}>;
+};
+export type TabsProps = ComponentProps<typeof Tabs>;
 export default Tabs;
-//# sourceMappingURL=Tabs.d.ts.map

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

@@ -5,4 +5,3 @@ export type { TabsProps } from './Tabs';
 export type { TabProps } from './Tab';
 export type { TabPanelProps } from './TabPanel';
 export type { TabContentDirection } from '@loadsmart/miranda-wc';
-//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,20 @@
+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';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-actionable-tag': WebComponentProps<WCActionableTag>;
+        }
+    }
+}
+declare const WiredActionableTag: import("@lit/react").ReactWebComponent<WCActionableTag, {
+    onChange: EventName<CustomEvent<ActionableTagChangeEventDetail>>;
+    onRemove: EventName<CustomEvent<any>>;
+}>;
+export type ActionableTagProps = ComponentProps<typeof WiredActionableTag> & {
+    leading?: ReactNode;
+};
+declare const ActionableTag: import("react").ForwardRefExoticComponent<Omit<ActionableTagProps, "ref"> & import("react").RefAttributes<WCActionableTag>>;
+export default ActionableTag;

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

@@ -1,19 +1,16 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { TagProps as WCTagProps, TagVariant, TagSize } from '@loadsmart/miranda-wc';
+import type { ReactNode, ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { Tag as WCTag } from '@loadsmart/miranda-wc';
-export interface TagProps extends HTMLAttributes<HTMLSpanElement>, WCTagProps {
-    leading?: ReactNode;
-    isSkeleton?: boolean;
-    variant?: TagVariant;
-    size?: TagSize;
-}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-tag': HTMLAttributes<WCTag> & WCTagProps;
+            'm-tag': WebComponentProps<WCTag>;
         }
     }
 }
-declare function Tag(props: TagProps): JSX.Element;
+declare const WiredTag: import("@lit/react").ReactWebComponent<WCTag, {}>;
+export type TagProps = ComponentProps<typeof WiredTag> & {
+    leading?: ReactNode;
+};
+declare const Tag: import("react").ForwardRefExoticComponent<Omit<TagProps, "ref"> & import("react").RefAttributes<WCTag>>;
 export default Tag;
-//# sourceMappingURL=Tag.d.ts.map

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

@@ -1,3 +1,4 @@
 export { default as Tag } from './Tag';
 export type { TagProps } from './Tag';
-//# sourceMappingURL=index.d.ts.map
+export { default as ActionableTag } from './ActionableTag';
+export type { ActionableTagProps } from './ActionableTag';

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

@@ -1,21 +1,19 @@
-import * as React from 'react';
-import type { HTMLAttributes } from 'react';
-import type { TextProps as WCTextProps } from '@loadsmart/miranda-wc';
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { Text as WCText } from '@loadsmart/miranda-wc';
-type WCTextType = Omit<HTMLAttributes<WCText>, 'color'>;
-export interface TextProps extends WCTextType, WCTextProps {
-    style?: React.CSSProperties & {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
-    };
-}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-text': HTMLAttributes<WCText>;
+            'm-text': WebComponentProps<WCText>;
         }
     }
 }
-declare function Text({ children, ...rest }: TextProps): JSX.Element;
+declare module 'react' {
+    interface CSSProperties {
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
+    }
+}
+declare const Text: import("@lit/react").ReactWebComponent<WCText, {}>;
+export type TextProps = ComponentProps<typeof Text>;
 export default Text;
-//# sourceMappingURL=Text.d.ts.map