@loadsmart/miranda-react 3.0.0-beta.64 → 3.0.0-beta.66

package/dist/index.d.ts

@@ -30,7 +30,6 @@ import { ForwardRefExoticComponent } from 'react';
 import { HeaderTabs as HeaderTabs_2 } from '@loadsmart/miranda-wc';
 import { IconName } from '@loadsmart/miranda-wc';
 import { InputHTMLAttributes } from 'react';
-import type { JSXElementConstructor } from 'react';
 import { JustifyContentValue } from '@loadsmart/miranda-wc';
 import { LinkReferrerPolicy } from '@loadsmart/miranda-wc';
 import { LinkSize } from '@loadsmart/miranda-wc';
@@ -46,7 +45,7 @@ import { ReactNode } from 'react';
 import { ReactWebComponent } from '@lit/react';
 import { RefAttributes } from 'react';
 import { SelectionType } from '@loadsmart/miranda-wc';
-import type { SelectionValue } from '@loadsmart/miranda-wc';
+import { SelectionValue } from '@loadsmart/miranda-wc';
 import { StepChangeEventDetail } from '@loadsmart/miranda-wc';
 import { StepNavigateEventDetail } from '@loadsmart/miranda-wc';
 import { SwitchSize } from '@loadsmart/miranda-wc';
@@ -290,10 +289,10 @@ export declare type BannerProps = ComponentProps<typeof Banner>;
 
 export { BannerVariant }
 
-declare interface BaseProps<TComponent extends JSXElementConstructor<any>, TValue> {
-    	type?: string;
+declare interface BaseProps<TComponent, TValue> {
+    	type?: SelectionType;
     	value?: TValue;
-    	onChange?: OnChangeEvent<TComponent, TValue>;
+    	onChange?: SelectionChangeEventHandler<TComponent, TValue>;
 }
 
 export declare const Box: ReactWebComponent<WCBox, {}>;
@@ -681,17 +680,13 @@ export declare type MirandaChangeEvent<T = Element> = ChangeEvent<T> & Event;
 declare type MirandaChangeEvent_2<T = Element> = ChangeEvent<T> & Event;
 
 declare interface MultipleProps<
-	TComponent extends JSXElementConstructor<any>,
+	TComponent,
 	OptionValue extends string,
 	TValue = Array<OptionValue> | ReadonlyArray<OptionValue> | null,
 > extends BaseProps<TComponent, Extract<TValue, ReadonlyArray<OptionValue>>> {
     	type?: 'multiple';
 }
 
-declare type OnChangeEvent<TComponent extends JSXElementConstructor<any>, T> = (
-	event: MirandaChangeEvent_2<Omit<TComponent, 'value'> & { value: T }>,
-) => void;
-
 export declare const PageContent: ReactWebComponent<WCPageContent, {}> & {
     Body: ReactWebComponent<Body_2, {}>;
 };
@@ -752,23 +747,31 @@ declare type SectionTitleProps = Omit<ComponentProps<typeof WiredSectionTitle>,
     leading?: ReactNode;
 };
 
-export declare function Select<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string>(props: SelectProps<TSelectionType, OptionValue>): default_2.JSX.Element;
+export declare function Select<TSelectionType extends SelectionType = 'single', OptionValue extends string = string>(props: SelectProps<TSelectionType, OptionValue>): default_2.JSX.Element;
 
 export declare namespace Select {
     var Option: default_2.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & default_2.RefAttributes<WCSelectOption>>;
 }
 
+declare type SelectionChangeEventHandler<TComponent, T> = (
+	event: MirandaChangeEvent_2<Omit<TComponent, 'value'> & { value: T }>,
+) => void;
+
 declare type SelectionOption<TValue extends string = string> = {
     	value: TValue;
 };
 
 declare type SelectionProps<
-	TComponent extends JSXElementConstructor<any>,
+	TComponent,
+	TProps extends Omit<
+		BaseProps<TComponent, SelectionValue<string>>,
+		'onChange'
+	>,
 	TSelectionType extends SelectionType = SelectionType,
 	OptionValue extends string = string,
 	TSelectionOption extends SelectionOption<OptionValue> = SelectionOption<OptionValue>,
 	TOptions extends ReadonlyArray<TSelectionOption> = ReadonlyArray<TSelectionOption>,
-> = Omit<ComponentProps<TComponent>, 'type' | 'value' | 'onChange'> & {
+> = Omit<TProps, 'type' | 'value' | 'onChange'> & {
     	type?: TSelectionType;
     	options?: TOptions;
 } & (TSelectionType extends 'single'
@@ -779,6 +782,10 @@ declare type SelectionProps<
 		? MultipleProps<TComponent, OptionValue>
 		: BaseProps<TComponent, SelectionValue<OptionValue>>);
 
+export { SelectionType }
+
+export { SelectionValue }
+
 export declare interface SelectOption<TValue extends string = string> {
     value: TValue;
     label?: string;
@@ -792,7 +799,7 @@ declare interface SelectOptionProps extends Omit<ComponentProps<typeof WiredSele
     trailing?: ReactNode;
 }
 
-export declare type SelectProps<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string> = SelectionProps<typeof WiredSelect, TSelectionType, OptionValue, SelectOption<OptionValue>>;
+export declare type SelectProps<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string> = SelectionProps<WCSelect, ComponentProps<typeof WiredSelect>, TSelectionType, OptionValue, SelectOption<OptionValue>>;
 
 export declare const Sidebar: ReactWebComponent<WCSidebar, {}> & {
     Side: default_2.ForwardRefExoticComponent<Omit<SidebarSideProps, "ref"> & default_2.RefAttributes<WCBox>>;
@@ -806,7 +813,7 @@ export declare type SidebarProps = ComponentProps<typeof Sidebar>;
 export declare type SidebarSideProps = Omit<BoxProps, 'slot'>;
 
 declare interface SingleProps<
-	TComponent extends JSXElementConstructor<any>,
+	TComponent,
 	OptionValue extends string,
 	TValue = OptionValue | null,
 > extends BaseProps<TComponent, TValue> {
@@ -814,7 +821,7 @@ declare interface SingleProps<
 }
 
 declare interface SingleStrictProps<
-	TComponent extends JSXElementConstructor<any>,
+	TComponent,
 	OptionValue extends string,
 	TValue = OptionValue,
 > extends BaseProps<TComponent, TValue> {
@@ -1041,20 +1048,20 @@ export declare type TimelineProps = ComponentProps<typeof Timeline>;
 
 export declare const Toggle: default_2.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & default_2.RefAttributes<WCToggle>>;
 
-export declare function ToggleGroup<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string>({ options, children, onChange, ...rest }: ToggleGroupProps<TSelectionType, OptionValue>): default_2.JSX.Element;
+export declare function ToggleGroup<TSelectionType extends SelectionType = 'single', OptionValue extends string = string>({ options, children, onChange, ...rest }: ToggleGroupProps<TSelectionType, OptionValue>): default_2.JSX.Element;
 
 export declare namespace ToggleGroup {
     var Toggle: default_2.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & default_2.RefAttributes<WCToggle>>;
 }
 
-declare type ToggleGroupOption<TValue extends string> = {
+export declare type ToggleGroupOption<TValue extends string> = {
     value: TValue;
     label?: string;
     leading?: ReactNode;
     disabled?: boolean;
 };
 
-export declare type ToggleGroupProps<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string> = SelectionProps<typeof WiredToggleGroup, TSelectionType, OptionValue, ToggleGroupOption<OptionValue>>;
+export declare type ToggleGroupProps<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string> = SelectionProps<WCToggleGroup, ComponentProps<typeof WiredToggleGroup>, TSelectionType, OptionValue, ToggleGroupOption<OptionValue>>;
 
 export declare type ToggleProps = ComponentProps<typeof WiredToggle> & {
     leading?: ReactNode;
@@ -1508,15 +1515,6 @@ declare const WiredTooltip: ReactWebComponent<WCTooltip, {}>;
 export { }
 
 
-declare module 'react' {
-    interface CSSProperties {
-        '--m-divider-margin-top'?: string;
-        '--m-divider-margin-bottom'?: string;
-        '--m-divider-margin-y'?: string;
-    }
-}
-
-
 declare module 'react' {
     interface CSSProperties {
         '--m-card-body-padding'?: string;
@@ -1529,6 +1527,15 @@ declare module 'react' {
 }
 
 
+declare module 'react' {
+    interface CSSProperties {
+        '--m-divider-margin-top'?: string;
+        '--m-divider-margin-bottom'?: string;
+        '--m-divider-margin-y'?: string;
+    }
+}
+
+
 declare module 'react' {
     interface CSSProperties {
         '--m-icon-size'?: string;
@@ -1539,11 +1546,8 @@ declare module 'react' {
 
 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;
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
     }
 }
 
@@ -1561,7 +1565,10 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
+        '--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;
     }
 }

package/dist/tokens.d.ts

@@ -5,15 +5,6 @@ export * from "@loadsmart/miranda-tokens/dist/themes.js";
 export { }
 
 
-declare module 'react' {
-    interface CSSProperties {
-        '--m-divider-margin-top'?: string;
-        '--m-divider-margin-bottom'?: string;
-        '--m-divider-margin-y'?: string;
-    }
-}
-
-
 declare module 'react' {
     interface CSSProperties {
         '--m-card-body-padding'?: string;
@@ -26,6 +17,15 @@ declare module 'react' {
 }
 
 
+declare module 'react' {
+    interface CSSProperties {
+        '--m-divider-margin-top'?: string;
+        '--m-divider-margin-bottom'?: string;
+        '--m-divider-margin-y'?: string;
+    }
+}
+
+
 declare module 'react' {
     interface CSSProperties {
         '--m-icon-size'?: string;
@@ -36,11 +36,8 @@ declare module 'react' {
 
 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;
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
     }
 }
 
@@ -58,7 +55,10 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
+        '--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;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "3.0.0-beta.64",
+	"version": "3.0.0-beta.66",
 	"description": "React component library based on Miranda Web Components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -41,8 +41,8 @@
 	},
 	"dependencies": {
 		"@lit/react": "^1.0.5",
-		"@loadsmart/miranda-tokens": "4.0.0-beta.64",
-		"@loadsmart/miranda-wc": "3.0.0-beta.64",
+		"@loadsmart/miranda-tokens": "4.0.0-beta.66",
+		"@loadsmart/miranda-wc": "3.0.0-beta.66",
 		"react-is": "^18.3.1"
 	},
 	"directories": {