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

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

@@ -0,0 +1,19 @@
+import type { ComponentProps } from 'react';
+import type { EventName, WebComponentProps } from '@lit/react';
+import { Accordion as WCAccordion } from '@loadsmart/miranda-wc';
+import type { AccordionToggleEventDetails } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-accordion': WebComponentProps<WCAccordion>;
+        }
+    }
+}
+declare const Accordion: import("@lit/react").ReactWebComponent<WCAccordion, {
+    onToggle: EventName<CustomEvent<AccordionToggleEventDetails>>;
+}> & {
+    Title: import("react").ForwardRefExoticComponent<Omit<import("./AccordionTitle").AccordionTitleProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").AccordionTitle>>;
+    Content: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").AccordionContent, {}>;
+};
+export type AccordionProps = ComponentProps<typeof Accordion>;
+export default Accordion;

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

@@ -0,0 +1,10 @@
+import type { WebComponentProps } from '@lit/react';
+import { AccordionContent as WCAccordionContent } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-accordion-content': WebComponentProps<WCAccordionContent>;
+        }
+    }
+}
+export declare const AccordionContent: import("@lit/react").ReactWebComponent<WCAccordionContent, {}>;

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

@@ -0,0 +1,16 @@
+import type { ComponentProps, ReactNode } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { AccordionTitle as WCAccordionTitle } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-accordion-title': WebComponentProps<WCAccordionTitle>;
+        }
+    }
+}
+declare const WiredAccordionTitle: import("@lit/react").ReactWebComponent<WCAccordionTitle, {}>;
+export type AccordionTitleProps = Omit<ComponentProps<typeof WiredAccordionTitle>, 'slot'> & {
+    leading?: ReactNode;
+};
+export declare const AccordionTitle: import("react").ForwardRefExoticComponent<Omit<AccordionTitleProps, "ref"> & import("react").RefAttributes<WCAccordionTitle>>;
+export {};

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

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

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

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

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

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

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

@@ -1,32 +1,22 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { ComponentProps } from 'react';
+import type { EventName, WebComponentProps } from '@lit/react';
 import { Banner as WCBanner } from '@loadsmart/miranda-wc';
-import type { BannerProps as WCBannerProps } from '@loadsmart/miranda-wc';
-import { BannerActionPrimary } from './BannerActionPrimary';
-import { BannerActions } from './BannerActions';
-import { BannerActionSecondary } from './BannerActionSecondary';
-import { BannerDescription } from './BannerDescription';
-import { BannerIcon } from './BannerIcon';
-import { BannerTitle } from './BannerTitle';
-export interface BannerProps extends HTMLAttributes<WCBanner>, WCBannerProps {
-    children?: ReactNode;
-    onDismiss?: (event: CustomEvent) => void;
-}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-banner': HTMLAttributes<WCBanner>;
+            'm-banner': WebComponentProps<WCBanner>;
         }
     }
 }
-export declare function Banner(props: BannerProps): JSX.Element;
-export declare namespace Banner {
-    var displayName: string;
-    var ActionPrimary: typeof BannerActionPrimary;
-    var Actions: typeof BannerActions;
-    var ActionSecondary: typeof BannerActionSecondary;
-    var Description: typeof BannerDescription;
-    var Icon: typeof BannerIcon;
-    var Title: typeof BannerTitle;
-}
+export declare const Banner: import("@lit/react").ReactWebComponent<WCBanner, {
+    onDismiss: EventName<CustomEvent<any>>;
+}> & {
+    ActionPrimary: import("react").ForwardRefExoticComponent<Omit<import("./BannerActionPrimary").BannerActionPrimaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").BannerActionPrimary>>;
+    Actions: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").BannerActions, {}>;
+    ActionSecondary: import("react").ForwardRefExoticComponent<Omit<import("./BannerActionSecondary").BannerActionSecondaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").BannerActionSecondary>>;
+    Description: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").BannerDescription, {}>;
+    Icon: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").BannerIcon, {}>;
+    Title: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").BannerTitle, {}>;
+};
+export type BannerProps = ComponentProps<typeof Banner>;
 export type { BannerVariant } from '@loadsmart/miranda-wc';
-//# sourceMappingURL=Banner.d.ts.map

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

@@ -1,17 +1,17 @@
-import type { HTMLAttributes } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { BannerActionPrimary as WCBannerActionPrimary } from '@loadsmart/miranda-wc';
-import type { ButtonProps as WCButtonProps } from '@loadsmart/miranda-wc';
-import type { ButtonProps } from '../Button';
-export type BannerActionPrimaryProps = Omit<ButtonProps, 'variant' | 'type'> & Partial<Pick<ButtonProps, 'variant' | 'type'>>;
+import type { ComponentProps, ReactNode } from 'react';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-banner-action-primary': HTMLAttributes<WCBannerActionPrimary> & WCButtonProps;
+            'm-banner-action-primary': WebComponentProps<WCBannerActionPrimary>;
         }
     }
 }
-export declare function BannerActionPrimary(props: BannerActionPrimaryProps): JSX.Element;
-export declare namespace BannerActionPrimary {
-    var displayName: string;
-}
-//# sourceMappingURL=BannerActionPrimary.d.ts.map
+declare const WiredBannerActionPrimary: import("@lit/react").ReactWebComponent<WCBannerActionPrimary, {}>;
+export type BannerActionPrimaryProps = ComponentProps<typeof WiredBannerActionPrimary> & {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+};
+export declare const BannerActionPrimary: import("react").ForwardRefExoticComponent<Omit<BannerActionPrimaryProps, "ref"> & import("react").RefAttributes<WCBannerActionPrimary>>;
+export {};

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

@@ -1,17 +1,17 @@
-import type { HTMLAttributes } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { BannerActionSecondary as WCBannerActionSecondary } from '@loadsmart/miranda-wc';
-import type { ButtonProps as WCButtonProps } from '@loadsmart/miranda-wc';
-import type { ButtonProps } from '../Button';
-export type BanneActionSecondaryProps = Omit<ButtonProps, 'variant' | 'type'> & Partial<Pick<ButtonProps, 'variant' | 'type'>>;
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-banner-action-secondary': HTMLAttributes<WCBannerActionSecondary> & WCButtonProps;
+            'm-banner-action-secondary': WebComponentProps<WCBannerActionSecondary>;
         }
     }
 }
-export declare function BannerActionSecondary(props: BanneActionSecondaryProps): JSX.Element;
-export declare namespace BannerActionSecondary {
-    var displayName: string;
-}
-//# sourceMappingURL=BannerActionSecondary.d.ts.map
+declare const WiredBannerActionSecondary: import("@lit/react").ReactWebComponent<WCBannerActionSecondary, {}>;
+export type BannerActionSecondaryProps = ComponentProps<typeof WiredBannerActionSecondary> & {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+};
+export declare const BannerActionSecondary: import("react").ForwardRefExoticComponent<Omit<BannerActionSecondaryProps, "ref"> & import("react").RefAttributes<WCBannerActionSecondary>>;
+export {};

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

@@ -1,17 +1,12 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { BannerActions as WCBannerActions } from '@loadsmart/miranda-wc';
-export interface BannerActionsProps extends Omit<HTMLAttributes<HTMLElement>, 'slot'> {
-    children?: ReactNode;
-}
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { BannerActions as WCBannerActions } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-banner-actions': HTMLAttributes<WCBannerActions>;
+            'm-banner-actions': WebComponentProps<WCBannerActions>;
         }
     }
 }
-export declare function BannerActions({ ...props }: BannerActionsProps): JSX.Element;
-export declare namespace BannerActions {
-    var displayName: string;
-}
-//# sourceMappingURL=BannerActions.d.ts.map
+export declare const BannerActions: import("@lit/react").ReactWebComponent<WCBannerActions, {}>;
+export type BannerActionsProps = ComponentProps<typeof BannerActions>;

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

@@ -1,17 +1,12 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { BannerDescription as WCBannerDescription } from '@loadsmart/miranda-wc';
-export interface BannerDescriptionProps extends Omit<HTMLAttributes<HTMLElement>, 'slot'> {
-    children?: ReactNode;
-}
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { BannerDescription as WCBannerDescription } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-banner-description': HTMLAttributes<WCBannerDescription>;
+            'm-banner-description': WebComponentProps<WCBannerDescription>;
         }
     }
 }
-export declare function BannerDescription({ ...props }: BannerDescriptionProps): JSX.Element;
-export declare namespace BannerDescription {
-    var displayName: string;
-}
-//# sourceMappingURL=BannerDescription.d.ts.map
+export declare const BannerDescription: import("@lit/react").ReactWebComponent<WCBannerDescription, {}>;
+export type BannerDescriptionProps = ComponentProps<typeof BannerDescription>;

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

@@ -1,17 +1,12 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { BannerTitle as WCBannerIcon } from '@loadsmart/miranda-wc';
-export interface BannerIconProps extends Omit<HTMLAttributes<HTMLElement>, 'slot'> {
-    children?: ReactNode;
-}
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { BannerIcon as WCBannerIcon } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-banner-icon': HTMLAttributes<WCBannerIcon>;
+            'm-banner-icon': WebComponentProps<WCBannerIcon>;
         }
     }
 }
-export declare function BannerIcon({ ...props }: BannerIconProps): JSX.Element;
-export declare namespace BannerIcon {
-    var displayName: string;
-}
-//# sourceMappingURL=BannerIcon.d.ts.map
+export declare const BannerIcon: import("@lit/react").ReactWebComponent<WCBannerIcon, {}>;
+export type BannerIconProps = ComponentProps<typeof BannerIcon>;

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

@@ -1,17 +1,12 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { BannerTitle as WCBannerTitle } from '@loadsmart/miranda-wc';
-export interface BannerTitleProps extends Omit<HTMLAttributes<HTMLElement>, 'slot'> {
-    children?: ReactNode;
-}
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { BannerTitle as WCBannerTitle } from '@loadsmart/miranda-wc';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-banner-title': HTMLAttributes<WCBannerTitle>;
+            'm-banner-title': WebComponentProps<WCBannerTitle>;
         }
     }
 }
-export declare function BannerTitle({ ...props }: BannerTitleProps): JSX.Element;
-export declare namespace BannerTitle {
-    var displayName: string;
-}
-//# sourceMappingURL=BannerTitle.d.ts.map
+export declare const BannerTitle: import("@lit/react").ReactWebComponent<WCBannerTitle, {}>;
+export type BannerTitleProps = ComponentProps<typeof BannerTitle>;

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

@@ -1,3 +1,2 @@
 export { Banner } from './Banner';
 export type { BannerProps, BannerVariant } from './Banner';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,17 +1,17 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { ReactNode, ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { Button as WCButton } from '@loadsmart/miranda-wc';
-import type { ButtonProps as WCButtonProps } from '@loadsmart/miranda-wc';
-export interface ButtonProps extends HTMLAttributes<WCButton>, Omit<WCButtonProps, 'click'> {
-    leading?: ReactNode;
-    trailing?: ReactNode;
-}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-button': HTMLAttributes<WCButton> & WCButtonProps;
+            'm-button': WebComponentProps<WCButton>;
         }
     }
 }
-declare function Button(props: ButtonProps): JSX.Element;
+declare const WiredButton: import("@lit/react").ReactWebComponent<WCButton, {}>;
+export interface ButtonProps extends ComponentProps<typeof WiredButton> {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<WCButton>>;
 export default Button;
-//# sourceMappingURL=Button.d.ts.map

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

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

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

@@ -1,23 +1,35 @@
-import type { HTMLAttributes } from 'react';
-import type { CardProps as WCCardProps } from '@loadsmart/miranda-wc';
-import { CardTitle } from './CardTitle';
-import { CardSubtitle } from './CardSubtitle';
-import { CardBody } from './CardBody';
-import { CardDivider } from './CardDivider';
-export type CardProps = HTMLAttributes<HTMLElement> & WCCardProps;
+import type { ComponentProps } from 'react';
+import type { EventName, WebComponentProps } from '@lit/react';
+import { Card as WCCard } from '@loadsmart/miranda-wc';
+import type { CardToggleEventDetails } from '@loadsmart/miranda-wc';
 declare global {
-    namespace React.JSX {
+    namespace JSX {
         interface IntrinsicElements {
-            'm-card': CardProps;
+            'm-card': WebComponentProps<WCCard>;
         }
     }
 }
-declare function Card({ children, ...props }: CardProps): JSX.Element;
-declare namespace Card {
-    var Title: typeof CardTitle;
-    var Divider: typeof CardDivider;
-    var Subtitle: typeof CardSubtitle;
-    var Body: typeof CardBody;
+declare const Card: import("@lit/react").ReactWebComponent<WCCard, {
+    onToggle: EventName<CustomEvent<CardToggleEventDetails>>;
+}> & {
+    Title: import("react").ForwardRefExoticComponent<Omit<import("./CardTitle").CardTitleProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").CardTitle>>;
+    Subtitle: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").CardSubtitle, {}>;
+    Body: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").CardBody, {}>;
+    Divider: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").CardDivider, {}>;
+    ActionPrimary: import("react").ForwardRefExoticComponent<Omit<import("./CardActionPrimary").CardActionPrimaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").CardActionPrimary>>;
+    ActionSecondary: import("react").ForwardRefExoticComponent<Omit<import("./CardActionSecondary").CardActionSecondaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").CardActionSecondary>>;
+    ActionTertiary: import("react").ForwardRefExoticComponent<Omit<import("./CardActionTertiary").CardActionTertiaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").CardActionTertiary>>;
+    Footer: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").CardFooter, {}>;
+};
+declare module 'react' {
+    interface CSSProperties {
+        '--m-card-body-padding'?: string;
+        '--m-card-border-top'?: string;
+        '--m-card-border-left'?: string;
+        '--m-card-border-bottom'?: string;
+        '--m-card-border-right'?: string;
+        '--m-card-border-radius'?: string;
+    }
 }
+export type CardProps = ComponentProps<typeof Card>;
 export default Card;
-//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1,17 @@
+import type { ReactNode, ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { CardActionPrimary as WCCardActionPrimary } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-card-action-primary': WebComponentProps<WCCardActionPrimary>;
+        }
+    }
+}
+declare const WiredCardActionPrimary: import("@lit/react").ReactWebComponent<WCCardActionPrimary, {}>;
+export interface CardActionPrimaryProps extends ComponentProps<typeof WiredCardActionPrimary> {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+export declare const CardActionPrimary: import("react").ForwardRefExoticComponent<Omit<CardActionPrimaryProps, "ref"> & import("react").RefAttributes<WCCardActionPrimary>>;
+export {};

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

@@ -0,0 +1,17 @@
+import type { ReactNode, ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { CardActionSecondary as WCCardActionSecondary } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-card-action-secondary': WebComponentProps<WCCardActionSecondary>;
+        }
+    }
+}
+declare const WiredCardActionSecondary: import("@lit/react").ReactWebComponent<WCCardActionSecondary, {}>;
+export interface CardActionSecondaryProps extends ComponentProps<typeof WiredCardActionSecondary> {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+export declare const CardActionSecondary: import("react").ForwardRefExoticComponent<Omit<CardActionSecondaryProps, "ref"> & import("react").RefAttributes<WCCardActionSecondary>>;
+export {};

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

@@ -0,0 +1,17 @@
+import type { ReactNode, ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
+import { CardActionTertiary as WCCardActionTertiary } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-card-action-tertiary': WebComponentProps<WCCardActionTertiary>;
+        }
+    }
+}
+declare const WiredCardActionTertiary: import("@lit/react").ReactWebComponent<WCCardActionTertiary, {}>;
+export interface CardActionTertiaryProps extends ComponentProps<typeof WiredCardActionTertiary> {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+export declare const CardActionTertiary: import("react").ForwardRefExoticComponent<Omit<CardActionTertiaryProps, "ref"> & import("react").RefAttributes<WCCardActionTertiary>>;
+export {};

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

@@ -1,12 +1,12 @@
-import type { HTMLAttributes } from 'react';
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { CardBody as WCCardBody } from '@loadsmart/miranda-wc';
-export type CardBodyProps = Omit<HTMLAttributes<WCCardBody>, 'slot'>;
 declare global {
-    namespace React.JSX {
+    namespace JSX {
         interface IntrinsicElements {
-            'm-card-body': CardBodyProps;
+            'm-card-body': WebComponentProps<WCCardBody>;
         }
     }
 }
-export declare function CardBody({ children, ...props }: CardBodyProps): JSX.Element;
-//# sourceMappingURL=CardBody.d.ts.map
+export declare const CardBody: import("@lit/react").ReactWebComponent<WCCardBody, {}>;
+export type CardBodyProps = ComponentProps<typeof CardBody>;

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

@@ -1,13 +1,12 @@
-import type { HTMLAttributes } from 'react';
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { CardDivider as WCCardDivider } from '@loadsmart/miranda-wc';
-import type { DividerProps } from '../Divider';
-export type CardDividerHTMLAttributes = Omit<HTMLAttributes<WCCardDivider>, 'slot'>;
 declare global {
-    namespace React.JSX {
+    namespace JSX {
         interface IntrinsicElements {
-            'm-card-divider': CardDividerHTMLAttributes;
+            'm-card-divider': WebComponentProps<WCCardDivider>;
         }
     }
 }
-export declare function CardDivider(props: DividerProps): JSX.Element;
-//# sourceMappingURL=CardDivider.d.ts.map
+export declare const CardDivider: import("@lit/react").ReactWebComponent<WCCardDivider, {}>;
+export type CardDividerProps = ComponentProps<typeof CardDivider>;

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

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

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

@@ -1,12 +1,12 @@
-import type { HTMLAttributes } from 'react';
+import type { ComponentProps } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { CardSubtitle as WCCardSubtitle } from '@loadsmart/miranda-wc';
-export type CardSubtitleProps = Omit<HTMLAttributes<WCCardSubtitle>, 'slot'>;
 declare global {
-    namespace React.JSX {
+    namespace JSX {
         interface IntrinsicElements {
-            'm-card-subtitle': CardSubtitleProps;
+            'm-card-subtitle': WebComponentProps<WCCardSubtitle>;
         }
     }
 }
-export declare function CardSubtitle({ children, ...props }: CardSubtitleProps): JSX.Element;
-//# sourceMappingURL=CardSubtitle.d.ts.map
+export declare const CardSubtitle: import("@lit/react").ReactWebComponent<WCCardSubtitle, {}>;
+export type CardSubtitleProps = ComponentProps<typeof CardSubtitle>;

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

@@ -1,14 +1,16 @@
-import type { HTMLAttributes } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
+import type { WebComponentProps } from '@lit/react';
 import { CardTitle as WCCardTitle } from '@loadsmart/miranda-wc';
-export interface CardTitleProps extends Omit<HTMLAttributes<WCCardTitle>, 'slot'> {
-    leading?: string;
-}
 declare global {
-    namespace React.JSX {
+    namespace JSX {
         interface IntrinsicElements {
-            'm-card-title': CardTitleProps;
+            'm-card-title': WebComponentProps<WCCardTitle>;
         }
     }
 }
-export declare function CardTitle({ children, leading, ...props }: CardTitleProps): JSX.Element;
-//# sourceMappingURL=CardTitle.d.ts.map
+declare const WiredCardTitle: import("@lit/react").ReactWebComponent<WCCardTitle, {}>;
+export type CardTitleProps = Omit<ComponentProps<typeof WiredCardTitle>, 'slot'> & {
+    leading?: ReactNode;
+};
+export declare const CardTitle: import("react").ForwardRefExoticComponent<Omit<CardTitleProps, "ref"> & import("react").RefAttributes<WCCardTitle>>;
+export {};

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

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

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

@@ -1,19 +1,18 @@
-import type { ReactNode, HTMLAttributes } from 'react';
+import type { ReactNode, ComponentProps } from 'react';
 import { Checkbox as WCCheckbox } from '@loadsmart/miranda-wc';
-import type { CheckboxProps as WCCheckboxProps, CheckboxChangeEventDetail } from '@loadsmart/miranda-wc';
-export interface CheckboxHTMLAttributes extends Omit<HTMLAttributes<WCCheckbox>, 'onChange'>, WCCheckboxProps {
-    onChange?: (event: CustomEvent<CheckboxChangeEventDetail>) => void;
-}
-export interface CheckboxProps extends CheckboxHTMLAttributes {
-    leading?: ReactNode;
-}
+import type { WebComponentProps } from '@lit/react';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'm-checkbox': CheckboxHTMLAttributes;
+            'm-checkbox': WebComponentProps<WCCheckbox>;
         }
     }
 }
-declare function Checkbox(props: CheckboxProps): JSX.Element;
+declare const WiredCheckbox: import("@lit/react").ReactWebComponent<WCCheckbox, {
+    onChange: string;
+}>;
+export type CheckboxProps = ComponentProps<typeof WiredCheckbox> & {
+    leading?: ReactNode;
+};
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<WCCheckbox>>;
 export default Checkbox;
-//# sourceMappingURL=Checkbox.d.ts.map

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

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