@loadsmart/miranda-react 3.0.0-beta.21 → 3.0.0-beta.23

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

@@ -9,7 +9,7 @@ declare global {
     }
 }
 export declare const Banner: import("@lit/react").ReactWebComponent<WCBanner, {
-    onDismiss: EventName<CustomEvent<any>>;
+    onDismiss: EventName<CustomEvent>;
 }> & {
     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, {}>;

package/dist/components/Dialog/Dialog.d.ts

@@ -9,11 +9,11 @@ declare global {
     }
 }
 export declare const Dialog: import("@lit/react").ReactWebComponent<WCDialog, {
-    onClose: EventName<CustomEvent<any>>;
-    onOpening: EventName<CustomEvent<any>>;
-    onOpened: EventName<CustomEvent<any>>;
-    onClosing: EventName<CustomEvent<any>>;
-    onClosed: EventName<CustomEvent<any>>;
+    onClose: EventName<CustomEvent>;
+    onOpening: EventName<CustomEvent>;
+    onOpened: EventName<CustomEvent>;
+    onClosing: EventName<CustomEvent>;
+    onClosed: EventName<CustomEvent>;
 }> & {
     ActionPrimary: import("react").ForwardRefExoticComponent<Omit<import("./DialogActionPrimary").DialogActionPrimaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").DialogActionPrimary>>;
     ActionSecondary: import("react").ForwardRefExoticComponent<Omit<import("./DialogActionSecondary").DialogActionSecondaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").DialogActionSecondary>>;
@@ -21,7 +21,7 @@ export declare const Dialog: import("@lit/react").ReactWebComponent<WCDialog, {
     Actions: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DialogActions, {}>;
     Body: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DialogBody, {}>;
     Close: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DialogClose, {
-        onClose: EventName<CustomEvent<any>>;
+        onClose: EventName<CustomEvent>;
     }>;
     Footer: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DialogFooter, {}>;
     Header: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DialogHeader, {}>;

package/dist/components/Dialog/DialogClose.d.ts

@@ -9,6 +9,6 @@ declare global {
     }
 }
 export declare const DialogClose: import("@lit/react").ReactWebComponent<WCDialogClose, {
-    onClose: EventName<CustomEvent<any>>;
+    onClose: EventName<CustomEvent>;
 }>;
 export type DialogCloseProps = ComponentProps<typeof DialogClose>;

package/dist/components/Drawer/Drawer.d.ts

@@ -12,11 +12,11 @@ declare global {
     }
 }
 export declare const Drawer: import("@lit/react").ReactWebComponent<WCDrawer, {
-    onClose: EventName<CustomEvent<any>>;
-    onOpening: EventName<CustomEvent<any>>;
-    onOpened: EventName<CustomEvent<any>>;
-    onClosing: EventName<CustomEvent<any>>;
-    onClosed: EventName<CustomEvent<any>>;
+    onClose: EventName<CustomEvent>;
+    onOpening: EventName<CustomEvent>;
+    onOpened: EventName<CustomEvent>;
+    onClosing: EventName<CustomEvent>;
+    onClosed: EventName<CustomEvent>;
 }> & {
     ActionPrimary: typeof DrawerActionPrimary;
     ActionSecondary: typeof DrawerActionSecondary;
@@ -24,7 +24,7 @@ export declare const Drawer: import("@lit/react").ReactWebComponent<WCDrawer, {
     Actions: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DrawerActions, {}>;
     Body: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DrawerBody, {}>;
     Close: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DrawerClose, {
-        onClose: EventName<CustomEvent<any>>;
+        onClose: EventName<CustomEvent>;
     }>;
     Header: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DrawerHeader, {}>;
 };

package/dist/components/Drawer/DrawerClose.d.ts

@@ -9,6 +9,6 @@ declare global {
     }
 }
 export declare const DrawerClose: import("@lit/react").ReactWebComponent<WCDrawerClose, {
-    onClose: EventName<CustomEvent<any>>;
+    onClose: EventName<CustomEvent>;
 }>;
 export type DrawerCloseProps = ComponentProps<typeof DrawerClose>;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -9,8 +9,8 @@ declare global {
     }
 }
 export declare const Dropdown: import("@lit/react").ReactWebComponent<WCDropdown, {
-    onExpand: EventName<CustomEvent<any>>;
-    onCollapse: EventName<CustomEvent<any>>;
+    onExpand: EventName<CustomEvent>;
+    onCollapse: EventName<CustomEvent>;
 }> & {
     Item: import("react").ForwardRefExoticComponent<Omit<import("./DropdownItem").DropdownItemProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").DropdownItem>>;
     Menu: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DropdownMenu, {}>;

package/dist/components/EmptyState/EmptyState.d.ts

@@ -9,7 +9,7 @@ declare global {
     }
 }
 export declare const EmptyState: import("@lit/react").ReactWebComponent<WCEmptyState, {
-    onAction: EventName<CustomEvent<any>>;
+    onAction: EventName<CustomEvent>;
 }> & {
     Illustration: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").EmptyStateIllustration, {}>;
     Header: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").EmptyStateHeader, {}>;

package/dist/components/Select/Select.d.ts

@@ -10,8 +10,8 @@ declare global {
     }
 }
 declare const WiredSelect: import("@lit/react").ReactWebComponent<WCSelect, {
-    onExpand: EventName<CustomEvent<any>>;
-    onCollapse: EventName<CustomEvent<any>>;
+    onExpand: EventName<CustomEvent>;
+    onCollapse: EventName<CustomEvent>;
     onChange: EventName<MirandaChangeEvent<WCSelect>>;
 }>;
 export type SelectOption = {

package/dist/components/Select/SelectOption.d.ts

@@ -9,7 +9,7 @@ declare global {
     }
 }
 export declare const WiredSelectOption: import("@lit/react").ReactWebComponent<WCSelectOption, {}>;
-export interface SelectOptionProps extends ComponentProps<typeof WiredSelectOption> {
+export interface SelectOptionProps extends Omit<ComponentProps<typeof WiredSelectOption>, 'leading' | 'trailing'> {
     leading?: ReactNode;
     trailing?: ReactNode;
 }

package/dist/components/Steps/Steps.d.ts

@@ -11,10 +11,10 @@ declare global {
 }
 export declare const Steps: import("@lit/react").ReactWebComponent<WCSteps, {
     onChange: EventName<CustomEvent<StepChangeEventDetail>>;
-    onComplete: EventName<CustomEvent<any>>;
+    onComplete: EventName<CustomEvent>;
     onNavigate: EventName<CustomEvent<StepNavigateEventDetail>>;
-    onNext: EventName<CustomEvent<any>>;
-    onPrevious: EventName<CustomEvent<any>>;
+    onNext: EventName<CustomEvent>;
+    onPrevious: EventName<CustomEvent>;
 }> & {
     Step: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").Step, {}>;
 };

package/dist/components/Steps/useSteps.d.ts

@@ -5,6 +5,6 @@ export declare function useSteps(): {
     registerSteps: () => {
         ref(element: HTMLElement | null): void;
     };
-    navigateToStep: (step: LiteralUnion<'previous' | 'next', string>) => void;
+    navigateToStep: (step: LiteralUnion<"previous" | "next", string>) => void;
     completeStep: () => void;
 };

package/dist/components/Tag/ActionableTag.d.ts

@@ -11,7 +11,7 @@ declare global {
 }
 declare const WiredActionableTag: import("@lit/react").ReactWebComponent<WCActionableTag, {
     onChange: EventName<MirandaChangeEvent<WCActionableTag>>;
-    onRemove: EventName<CustomEvent<any>>;
+    onRemove: EventName<CustomEvent>;
 }>;
 export type ActionableTagProps = ComponentProps<typeof WiredActionableTag> & {
     leading?: ReactNode;

package/dist/components/TextField/TextField.d.ts

@@ -12,7 +12,7 @@ declare global {
 declare const WiredTextField: import("@lit/react").ReactWebComponent<WCTextField, {
     onInput: EventName<MirandaChangeEvent<WCTextField>>;
     onChange: EventName<MirandaChangeEvent<WCTextField>>;
-    onClear: EventName<CustomEvent<any>>;
+    onClear: EventName<CustomEvent>;
 }>;
 export type TextFieldProps = ComponentProps<typeof WiredTextField> & {
     leading?: ReactNode;

package/dist/index.js

@@ -5,51 +5,44 @@ import { forwardRef, useState, useCallback, Children, isValidElement, cloneEleme
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { isFragment } from 'react-is';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
 }
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
+function _createForOfIteratorHelperLoose(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
+    t && (r = t);
+    var o = 0;
     return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
+      return o >= r.length ? {
+        done: !0
+      } : {
+        done: !1,
+        value: r[o++]
       };
     };
   }
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
 
 /**
  * @license
@@ -841,10 +834,10 @@ const WiredSelectOption = createComponent({
     elementClass: SelectOption$1,
     displayName: 'SelectOption',
 });
-const SLOTTED_STYLE$1 = { display: 'contents' };
+const SLOTTED_STYLE$2 = { display: 'contents' };
 const SelectOption = forwardRef((props, ref) => {
     const { leading, trailing, children, ...rest } = props;
-    return (jsxs(WiredSelectOption, { ...rest, ref: ref, children: [leading != null && (jsx("span", { style: SLOTTED_STYLE$1, slot: "leading", children: leading })), children, trailing != null && (jsx("span", { style: SLOTTED_STYLE$1, slot: "trailing", children: trailing }))] }));
+    return (jsxs(WiredSelectOption, { ...rest, ref: ref, children: [leading != null && (jsx("span", { style: SLOTTED_STYLE$2, slot: "leading", children: leading })), children, trailing != null && (jsx("span", { style: SLOTTED_STYLE$2, slot: "trailing", children: trailing }))] }));
 });
 SelectOption.displayName = 'SelectOption';
 
@@ -858,13 +851,13 @@ const WiredSelect = createComponent({
     },
     displayName: 'Select',
 });
-const SLOTTED_STYLE = { display: 'contents' };
+const SLOTTED_STYLE$1 = { display: 'contents' };
 function Select(props) {
     const { options, children, ...rest } = props;
     return (jsx(WiredSelect, { ...rest, children: children ||
             (options || []).map(function renderOption(option) {
                 const { label, leading, trailing, value: optionValue, ...others } = option;
-                return (jsxs(SelectOption, { ...others, value: optionValue, children: [leading != null && (jsx("span", { style: SLOTTED_STYLE, slot: "leading", children: leading })), label, trailing != null && (jsx("span", { style: SLOTTED_STYLE, slot: "trailing", children: trailing }))] }, optionValue));
+                return (jsxs(SelectOption, { ...others, value: optionValue, children: [leading != null && (jsx("span", { style: SLOTTED_STYLE$1, slot: "leading", children: leading })), label, trailing != null && (jsx("span", { style: SLOTTED_STYLE$1, slot: "trailing", children: trailing }))] }, optionValue));
             }) }));
 }
 Select.Option = SelectOption;
@@ -1090,9 +1083,10 @@ const WiredActionableTag = createComponent({
         onRemove: 'remove',
     },
 });
+const SLOTTED_STYLE = { display: 'contents' };
 const ActionableTag = forwardRef((props, ref) => {
     const { leading, children, selectable, removable, ...rest } = props;
-    return (jsxs(WiredActionableTag, { ...rest, selectable: selectable || Boolean(rest.onChange), removable: removable || Boolean(rest.onRemove), ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
+    return (jsxs(WiredActionableTag, { ...rest, selectable: selectable || Boolean(rest.onChange), removable: removable || Boolean(rest.onRemove), ref: ref, children: [leading != null && (jsx("span", { slot: "leading", style: SLOTTED_STYLE, children: leading })), children] }));
 });
 
 const Text = createComponent({

package/dist/utils/createComponent.d.ts

@@ -1,6 +1,6 @@
 import type { EventName, Options } from '@lit/react';
 type EventNames = Record<string, EventName | string>;
 export declare const createComponent: <I extends HTMLElement, E extends EventNames = {}, SubComponents extends Record<string, unknown> = {}>({ subComponents, ...options }: Omit<Options<I, E>, "react"> & {
-    subComponents?: SubComponents | undefined;
+    subComponents?: SubComponents;
 }) => import("@lit/react").ReactWebComponent<I, E> & SubComponents;
 export {};

package/package.json

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