@loadsmart/miranda-react 3.0.0-beta.65 → 3.0.0-beta.67

package/dist/index.d.ts

@@ -45,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';
@@ -289,10 +289,9 @@ export declare type BannerProps = ComponentProps<typeof Banner>;
 
 export { BannerVariant }
 
-declare interface BaseProps<TComponent, TValue> {
+declare interface BaseProps<TValue> {
     	type?: SelectionType;
     	value?: TValue;
-    	onChange?: SelectionChangeEventHandler<TComponent, TValue>;
 }
 
 export declare const Box: ReactWebComponent<WCBox, {}>;
@@ -679,14 +678,6 @@ export declare type MirandaChangeEvent<T = Element> = ChangeEvent<T> & Event;
  */
 declare type MirandaChangeEvent_2<T = Element> = ChangeEvent<T> & Event;
 
-declare interface MultipleProps<
-	TComponent,
-	OptionValue extends string,
-	TValue = Array<OptionValue> | ReadonlyArray<OptionValue> | null,
-> extends BaseProps<TComponent, Extract<TValue, ReadonlyArray<OptionValue>>> {
-    	type?: 'multiple';
-}
-
 export declare const PageContent: ReactWebComponent<WCPageContent, {}> & {
     Body: ReactWebComponent<Body_2, {}>;
 };
@@ -747,7 +738,7 @@ declare type SectionTitleProps = Omit<ComponentProps<typeof WiredSectionTitle>,
     leading?: ReactNode;
 };
 
-export declare function Select<TSelectionType extends SelectionType = 'single', OptionValue extends string = string>(props: SelectProps<TSelectionType, OptionValue>): default_2.JSX.Element;
+export declare function Select<TSelectionType extends SelectionType = 'single', OptionValue extends string = string, TSelectionOption extends SelectOption<OptionValue> = SelectOption<OptionValue>, TOptions extends ReadonlyArray<TSelectionOption> = ReadonlyArray<TSelectionOption>>(props: SelectProps<TSelectionType, OptionValue, TSelectionOption, TOptions>): default_2.JSX.Element;
 
 export declare namespace Select {
     var Option: default_2.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & default_2.RefAttributes<WCSelectOption>>;
@@ -763,24 +754,30 @@ declare type SelectionOption<TValue extends string = string> = {
 
 declare type SelectionProps<
 	TComponent,
-	TProps extends Omit<
-		BaseProps<TComponent, SelectionValue<string>>,
-		'onChange'
-	>,
+	TProps extends BaseProps<SelectionValue<string>>,
 	TSelectionType extends SelectionType = SelectionType,
 	OptionValue extends string = string,
 	TSelectionOption extends SelectionOption<OptionValue> = SelectionOption<OptionValue>,
 	TOptions extends ReadonlyArray<TSelectionOption> = ReadonlyArray<TSelectionOption>,
-> = Omit<TProps, 'type' | 'value' | 'onChange'> & {
+> = Omit<TProps, 'type' | 'value' | 'options' | 'onChange'> & {
     	type?: TSelectionType;
+    	value?: TOptions[number]['value'] | Array<TOptions[number]['value']> | null; // Infer value type from options
     	options?: TOptions;
-} & (TSelectionType extends 'single'
-		? SingleProps<TComponent, OptionValue>
-		: TSelectionType extends 'single-strict'
-		? SingleStrictProps<TComponent, OptionValue>
-		: TSelectionType extends 'multiple'
-		? MultipleProps<TComponent, OptionValue>
-		: BaseProps<TComponent, SelectionValue<OptionValue>>);
+    	onChange?: SelectionChangeEventHandler<
+    		TComponent,
+    		TSelectionType extends 'single'
+    			? TOptions[number]['value'] | null
+    			: TSelectionType extends 'single-strict'
+    			? TOptions[number]['value']
+    			: TSelectionType extends 'multiple'
+    			? Array<TOptions[number]['value']>
+    			: SelectionValue<TOptions[number]['value']>
+    	>;
+};
+
+export { SelectionType }
+
+export { SelectionValue }
 
 export declare interface SelectOption<TValue extends string = string> {
     value: TValue;
@@ -795,7 +792,7 @@ declare interface SelectOptionProps extends Omit<ComponentProps<typeof WiredSele
     trailing?: ReactNode;
 }
 
-export declare type SelectProps<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string> = SelectionProps<WCSelect, ComponentProps<typeof WiredSelect>, TSelectionType, OptionValue, SelectOption<OptionValue>>;
+export declare type SelectProps<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string, TSelectionOption extends SelectOption<OptionValue> = SelectOption<OptionValue>, TOptions extends ReadonlyArray<TSelectionOption> = ReadonlyArray<TSelectionOption>> = SelectionProps<WCSelect, ComponentProps<typeof WiredSelect>, TSelectionType, OptionValue, SelectOption<OptionValue>, TOptions>;
 
 export declare const Sidebar: ReactWebComponent<WCSidebar, {}> & {
     Side: default_2.ForwardRefExoticComponent<Omit<SidebarSideProps, "ref"> & default_2.RefAttributes<WCBox>>;
@@ -808,22 +805,6 @@ export declare type SidebarProps = ComponentProps<typeof Sidebar>;
 
 export declare type SidebarSideProps = Omit<BoxProps, 'slot'>;
 
-declare interface SingleProps<
-	TComponent,
-	OptionValue extends string,
-	TValue = OptionValue | null,
-> extends BaseProps<TComponent, TValue> {
-    	type?: 'single';
-}
-
-declare interface SingleStrictProps<
-	TComponent,
-	OptionValue extends string,
-	TValue = OptionValue,
-> extends BaseProps<TComponent, TValue> {
-    	type?: 'single-strict';
-}
-
 export declare const SpinnerWheel: ReactWebComponent<WCSpinnerWheel, {}>;
 
 export declare type SpinnerWheelProps = ComponentProps<typeof SpinnerWheel>;
@@ -1050,7 +1031,7 @@ 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;
@@ -1513,12 +1494,8 @@ export { }
 
 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;
+        '--m-icon-size'?: string;
+        '--m-icon-color'?: string;
     }
 }
 
@@ -1534,27 +1511,31 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-icon-size'?: string;
-        '--m-icon-color'?: string;
+        '--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;
     }
 }
 
 
 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;
     }
 }
 
 
 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

@@ -7,12 +7,8 @@ export { }
 
 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;
+        '--m-icon-size'?: string;
+        '--m-icon-color'?: string;
     }
 }
 
@@ -28,27 +24,31 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-icon-size'?: string;
-        '--m-icon-color'?: string;
+        '--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;
     }
 }
 
 
 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;
     }
 }
 
 
 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.65",
+	"version": "3.0.0-beta.67",
 	"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.65",
-		"@loadsmart/miranda-wc": "3.0.0-beta.65",
+		"@loadsmart/miranda-tokens": "4.0.0-beta.67",
+		"@loadsmart/miranda-wc": "3.0.0-beta.67",
 		"react-is": "^18.3.1"
 	},
 	"directories": {