@loadsmart/miranda-react 3.24.1 → 3.24.3

package/dist/index.d.ts

@@ -46,7 +46,6 @@ import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReactWebComponent } from '@lit/react';
 import { RefAttributes } from 'react';
-import { SelectionProps } from 'utils/SelectionProps';
 import { SelectionType } from '@loadsmart/miranda-wc';
 import { SelectionValue } from '@loadsmart/miranda-wc';
 import { SideNavigationTrigger as SideNavigationTrigger_2 } from '@loadsmart/miranda-wc';
@@ -348,6 +347,11 @@ export declare type BannerProps = ComponentProps<typeof Banner>;
 
 export { BannerVariant }
 
+declare interface BaseProps<TValue> {
+    type?: SelectionType;
+    value?: TValue;
+}
+
 export declare const Box: ReactWebComponent<WCBox, {}>;
 
 export declare type BoxProps = ComponentProps<typeof Box>;
@@ -824,6 +828,21 @@ export declare namespace Select {
     var Option: default_2.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & default_2.RefAttributes<WCSelectOption>>;
 }
 
+declare type SelectionChangeEventHandler<TComponent, T> = (event: MirandaChangeEvent<Omit<TComponent, 'value'> & {
+    value: T;
+}>) => void;
+
+declare type SelectionOption<TValue extends string = string> = {
+    value: TValue;
+};
+
+declare type SelectionProps<TComponent, 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' | 'options' | 'onChange'> & {
+    type?: TSelectionType;
+    value?: TSelectionType extends 'single' ? TOptions[number]['value'] | null : TSelectionType extends 'single-strict' ? TOptions[number]['value'] : TSelectionType extends 'multiple' ? ReadonlyArray<TOptions[number]['value']> | null : SelectionValue<TOptions[number]['value']>;
+    options?: TOptions;
+    onChange?: SelectionChangeEventHandler<TComponent, TSelectionType extends 'single' ? TOptions[number]['value'] | null : TSelectionType extends 'single-strict' ? TOptions[number]['value'] : TSelectionType extends 'multiple' ? Array<TOptions[number]['value']> | null : SelectionValue<TOptions[number]['value']>>;
+};
+
 export { SelectionType }
 
 export { SelectionValue }
@@ -1766,6 +1785,18 @@ declare const WiredTooltip: ReactWebComponent<WCTooltip, {}>;
 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;
+    }
+}
+
+
 declare module 'react' {
     interface CSSProperties {
         '--m-divider-margin-top'?: string;
@@ -1777,20 +1808,16 @@ declare module 'react' {
 
 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;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-icon-size'?: string;
-        '--m-icon-color'?: string;
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
     }
 }
 
@@ -1827,11 +1854,3 @@ declare module 'react' {
         '--m-table-border-width'?: string;
     }
 }
-
-
-declare module 'react' {
-    interface CSSProperties {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
-    }
-}

package/dist/tokens.d.ts

@@ -5,6 +5,18 @@ export * from "@loadsmart/miranda-tokens/dist/themes.js";
 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;
+    }
+}
+
+
 declare module 'react' {
     interface CSSProperties {
         '--m-divider-margin-top'?: string;
@@ -16,20 +28,16 @@ declare module 'react' {
 
 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;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-icon-size'?: string;
-        '--m-icon-color'?: string;
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
     }
 }
 
@@ -66,11 +74,3 @@ declare module 'react' {
         '--m-table-border-width'?: string;
     }
 }
-
-
-declare module 'react' {
-    interface CSSProperties {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
-    }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/miranda-react",
-  "version": "3.24.1",
+  "version": "3.24.3",
   "description": "React component library based on Miranda Web Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,7 +36,7 @@
     "react-dom": "^18.3.1",
     "ts-loader": "^9.4.2",
     "tsx": "^4.19.4",
-    "typescript": "~5.8.3",
+    "typescript": "~5.9.3",
     "vite": "^6.3.2",
     "vite-plugin-dts": "^4.5.3"
   },
@@ -49,8 +49,8 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.5",
-    "@loadsmart/miranda-tokens": "4.24.3",
-    "@loadsmart/miranda-wc": "3.24.1",
+    "@loadsmart/miranda-tokens": "4.24.5",
+    "@loadsmart/miranda-wc": "3.24.3",
     "react-is": "^18.3.1"
   },
   "directories": {