@loadsmart/miranda-wc 3.0.0-beta.32 → 3.0.0-beta.33

package/dist/components/toggle-group/toggle-group.d.ts

@@ -1,17 +1,18 @@
 import type { PropertyValues } from 'lit';
 import { Component } from '../component';
 import { fromAttribute } from '../../controllers/selection';
-import type { AcceptedType, SelectionType } from '../../controllers/selection';
+import type { SelectionType } from '../../controllers/selection';
 import '../layout/group';
+import type { SelectionValue } from '../../utils/selection/selection-strategy.types';
 export type ToggleSize = 'small' | 'default';
 export interface ToggleGroupProps {
-    initialValue?: AcceptedType | AcceptedType[];
+    initialValue?: SelectionValue;
     disabled?: boolean;
     name?: string;
     showCheck?: boolean;
     size?: ToggleSize;
-    type: SelectionType;
-    value?: AcceptedType | AcceptedType[] | null;
+    type?: SelectionType;
+    value?: SelectionValue;
     onchange?: GlobalEventHandlers['onchange'];
 }
 declare const ToggleGroup_base: import("../../utils/types").Constructor<import("../../controllers/selection/selection-control.mixin").WithSelectionControlMixinInterface> & typeof Component;
@@ -58,25 +59,29 @@ export declare class ToggleGroup extends ToggleGroup_base implements ToggleGroup
     };
     /**
      * Should the toggle group be disabled.
+     * @default false
      */
     disabled: ToggleGroupProps['disabled'];
     /**
      * Should show the check icon when selected.
      * The check icon is the default content for the `leading` slot.
+     * @default false
      */
     showCheck: ToggleGroupProps['showCheck'];
     /**
      * Strategy for toggling.
+     * @default 'single'
      */
-    type: ToggleGroupProps['type'];
+    type: NonNullable<ToggleGroupProps['type']>;
     /**
-     * Button size.
+     * The size of each toggle.
+     * @default 'default'
      */
-    size: ToggleGroupProps['size'];
+    size: NonNullable<ToggleGroupProps['size']>;
     /**
      *  Name that will represent this toggle group in the form.
      */
-    name: ToggleGroupProps['name'];
+    name?: ToggleGroupProps['name'];
     /**
      * Value that will be selected by default on initialization and form reset.
      */
@@ -91,8 +96,8 @@ export declare class ToggleGroup extends ToggleGroup_base implements ToggleGroup
     disconnectedCallback(): void;
     protected update(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
-    get value(): string | string[] | null;
-    set value(value: string | string[] | null);
+    get value(): SelectionValue;
+    set value(value: SelectionValue);
     protected handleFormReset: () => void;
 }
 declare global {

package/dist/controllers/selection/index.d.ts

@@ -1,5 +1,5 @@
 export { SelectionController } from './selection.controller';
 export { SelectionControl } from './selection-control';
 export { WithSelectionControlMixin, fromAttribute, toAttribute, hasValueChanged, } from './selection-control.mixin';
-export type { SelectionType, SelectionState, AcceptedType, } from '../../utils/selection';
+export type { SelectionType, SelectionState, AcceptedType, SelectionValue, } from '../../utils/selection';
 export { default as LegacySelectionController } from './legacy-selection.controller';

package/dist/controllers/selection/selection-control.mixin.d.ts

@@ -1,13 +1,13 @@
 import type { SelectionType } from '../../utils/selection';
 import type { Component } from '../../components/component';
 import type { Constructor } from '../../utils/types';
-export declare function fromAttribute(value?: string | string[] | null): string[] | null;
-export declare function toAttribute(value?: string | string[] | null): string;
-export declare function hasValueChanged(value1?: string | string[] | null, value2?: string | string[] | null): boolean;
+export declare function fromAttribute(value?: string | string[] | ReadonlyArray<string> | null): string[] | null;
+export declare function toAttribute(value?: string | string[] | ReadonlyArray<string> | null): string;
+export declare function hasValueChanged(value1?: string | string[] | ReadonlyArray<string> | null, value2?: string | string[] | ReadonlyArray<string> | null): boolean;
 export declare class WithSelectionControlMixinInterface {
     form: HTMLFormElement | null;
     getSelectionType(): SelectionType;
-    getRawValue(value?: string | string[] | null): string[];
+    getRawValue(value?: string | string[] | ReadonlyArray<string> | null): string[];
     protected handleFormReset(): void;
 }
 export declare const WithSelectionControlMixin: <T extends Constructor<Component>>(superClass: T) => Constructor<WithSelectionControlMixinInterface> & T;

package/dist/index.d.ts

@@ -44,3 +44,4 @@ export { typographyVariants } from './styles';
 export type { TypographyVariant } from './styles';
 export type { FormComponentProps } from './components/component';
 export type { PopoverPlacement, PopoverPosition, PopoverRepositionEventDetail, } from './components/popover';
+export type { SelectionState, SelectionType, SelectionValue, } from './controllers/selection';

package/dist/utils/selection/index.d.ts

@@ -1,2 +1,2 @@
 export { default, SELECTION_TYPES } from './selection-strategy';
-export type { AcceptedType, SelectionState, SelectionStrategy, SelectionType, } from './selection-strategy';
+export type { AcceptedType, SelectionState, SelectionStrategy, SelectionType, SelectionValue, } from './selection-strategy';

package/dist/utils/selection/selection-strategy.types.d.ts

@@ -1,4 +1,5 @@
 export type AcceptedType = string;
+export type SelectionValue<T extends string = string> = T | Array<T> | ReadonlyArray<T> | null;
 export declare const SELECTION_TYPES: readonly ["single", "single-strict", "multiple"];
 export type SelectionType = (typeof SELECTION_TYPES)[number];
 export type SelectionState = Set<AcceptedType>;
@@ -45,7 +46,7 @@ export type SelectionStrategy = {
      * Return selection as a value, based on the `AcceptedType`.
      * @param {SelectionState} selection
      */
-    value: (selection?: SelectionState) => AcceptedType | AcceptedType[] | null;
+    value: (selection?: SelectionState) => SelectionValue;
 };
 export type SelectionStrategyCreationProps = {
     type?: SelectionType;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-wc",
-	"version": "3.0.0-beta.32",
+	"version": "3.0.0-beta.33",
 	"description": "Miranda Web Components component library",
 	"type": "module",
 	"main": "dist/index.js",
@@ -46,8 +46,8 @@
 	"dependencies": {
 		"@floating-ui/dom": "^1.6.3",
 		"@lit/context": "^1.1.1",
-		"@loadsmart/miranda-icons": "3.0.0-beta.32",
-		"@loadsmart/miranda-tokens": "4.0.0-beta.32",
+		"@loadsmart/miranda-icons": "3.0.0-beta.33",
+		"@loadsmart/miranda-tokens": "4.0.0-beta.33",
 		"autosize": "^6.0.1",
 		"composed-offset-position": "^0.0.4",
 		"lit": "^3.1.3"