@spaced-out/ui-design-system 0.5.6 → 0.5.7-beta.1

package/lib/components/Toast/Toast.js

@@ -21,6 +21,15 @@ const TOAST_SEMANTIC = exports.TOAST_SEMANTIC = Object.freeze({
   danger: 'danger',
   primary: 'primary'
 });
+
+// Define the expected props for button elements in ToastFooter
+
+// Type for a button element that can be cloned
+
+// Define the expected props for toast child elements
+
+// Type for toast child elements that can be cloned
+
 const ToastIcon = _ref => {
   let {
     semantic
@@ -66,8 +75,7 @@ const ToastIcon = _ref => {
 const ToastTitle = exports.ToastTitle = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     children,
-    // @ts-ignore
-    semantic = '',
+    semantic = TOAST_SEMANTIC.information,
     className,
     ...props
   } = _ref2;
@@ -100,31 +108,28 @@ const ToastFooter = _ref4 => {
   const footerActions = React.Children.map(children, (child, index) => {
     const isLast = index === arrayChildren.length - 1;
     if (/*#__PURE__*/React.isValidElement(child)) {
-      // @ts-ignore - TS2339 - Property 'onClick' does not exist on type 'unknown'.
+      // Cast to our typed button element
+      const buttonElement = child;
+      const buttonProps = buttonElement.props;
       const {
         onClick
-      } = child.props;
+      } = buttonProps;
       const buttonClickHandler = e => {
-        onClose && onClose();
-        onClick && onClick(e);
+        onClose?.();
+        onClick?.(e);
       };
-
-      // @ts-ignore - TS2339 - Property 'displayName' does not exist on type 'string | JSXElementConstructor<any>'.
-      if (child?.type?.displayName === 'Button' && isLast) {
-        return /*#__PURE__*/React.cloneElement(child, {
+      if (buttonElement?.type?.displayName === 'Button' && isLast) {
+        return /*#__PURE__*/React.cloneElement(buttonElement, {
           size: 'small',
           type: 'primary',
-          // @ts-ignore - TS2698 - Spread types may only be created from object types.
-          ...child.props,
+          ...buttonProps,
           onClick: buttonClickHandler
         });
-        // @ts-ignore - TS2339 - Property 'displayName' does not exist on type 'string | JSXElementConstructor<any>'.
-      } else if (child?.type?.displayName === 'Button') {
-        return /*#__PURE__*/React.cloneElement(child, {
+      } else if (buttonElement?.type?.displayName === 'Button') {
+        return /*#__PURE__*/React.cloneElement(buttonElement, {
           size: 'small',
           type: 'tertiary',
-          // @ts-ignore - TS2698 - Spread types may only be created from object types.
-          ...child.props,
+          ...buttonProps,
           onClick: buttonClickHandler
         });
       }
@@ -159,12 +164,15 @@ const Toast = _ref5 => {
     if (childrenArray.length) {
       const nodes = [];
       for (const child of childrenArray) {
-        // @ts-ignore - TS2339 - Property 'type' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
-        if (child?.type?.displayName === comp) {
-          // @ts-ignore - TS2769 - No overload matches this call.
-          nodes.push(/*#__PURE__*/React.cloneElement(child, {
-            semantic
-          }));
+        // Type guard to ensure child is a ReactElement
+        if (/*#__PURE__*/React.isValidElement(child)) {
+          // Cast to our typed toast child element
+          const toastChildElement = child;
+          if (toastChildElement?.type?.displayName === comp) {
+            nodes.push(/*#__PURE__*/React.cloneElement(toastChildElement, {
+              semantic
+            }));
+          }
         }
       }
       return nodes.length > 1 ? nodes : nodes[0];
@@ -172,7 +180,6 @@ const Toast = _ref5 => {
     return null;
   };
   const footer = getComp('ToastFooter');
-  // @ts-ignore - TS2769 - No overload matches this call.
   const footerWithClose = footer ? /*#__PURE__*/React.cloneElement(footer, {
     onClose
   }) : null;

package/lib/components/Toast/ToastContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqD3D,eAAO,MAAM,cAAc,QAAO,IAAI,GAAG,KAAK,CAAC,WAuE9C,CAAC"}
+{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAoD3D,eAAO,MAAM,cAAc,QAAO,IAAI,GAAG,KAAK,CAAC,WAyE9C,CAAC"}

package/lib/components/Toast/ToastContainer.js

@@ -12,6 +12,8 @@ var _ = require("./");
 var _ToastContainerModule = _interopRequireDefault(require("./ToastContainer.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Type definitions for toast content props
+
 const ADD = 'ADD';
 const REMOVE = 'REMOVE';
 const reducer = (state, action) => {
@@ -94,10 +96,8 @@ const ToastContainer = () => {
           content,
           id
         } = _ref2;
-        return (
-          /*#__PURE__*/
-          // @ts-ignore - TS2769 - No overload matches this call.
-          _react.default.cloneElement(content, {
+        if (/*#__PURE__*/_react.default.isValidElement(content)) {
+          return /*#__PURE__*/_react.default.cloneElement(content, {
             key: id,
             onClose: () => dispatch({
               type: REMOVE,
@@ -105,8 +105,9 @@ const ToastContainer = () => {
                 id
               }
             })
-          })
-        );
+          });
+        }
+        return content;
       });
       return /*#__PURE__*/_react.default.createElement("div", {
         key: position.toString(),

package/lib/components/Toast/ToastManager.d.ts

@@ -1,4 +1,4 @@
-import type { callbackFuncTypes, contentTypes, ToastOptions } from '../../types/toast';
+import type { CallbackFuncTypes, ContentTypes, ToastOptions } from '../../types/toast';
 export declare const POSITIONS: {
     readonly TOP_CENTER: "topCenter";
     readonly TOP_LEFT: "topLeft";
@@ -12,12 +12,12 @@ export declare const ACTIONS: {
     readonly REMOVE: "REMOVE";
 };
 export declare const toastManager: {
-    add(content: contentTypes, options?: ToastOptions): string;
-    remove(id: string): boolean;
-    subscribe(callback: callbackFuncTypes): void;
+    add: (content: ContentTypes, options?: ToastOptions) => string;
+    remove: (id: string) => boolean;
+    subscribe: (callback: CallbackFuncTypes) => void;
 };
 export declare const toastApi: {
-    readonly show: (content: contentTypes, options?: ToastOptions) => string;
+    readonly show: (content: ContentTypes, options?: ToastOptions) => string;
     readonly remove: (id: string) => boolean;
 };
 //# sourceMappingURL=ToastManager.d.ts.map

package/lib/components/Toast/ToastManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastManager.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAM3B,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAEX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAQX,eAAO,MAAM,YAAY,EAAE;IACzB,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC3D,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAyB3C,CAAC;AAEL,eAAO,MAAM,QAAQ;6BACH,YAAY,YAAY,YAAY,KAAG,MAAM;0BAEhD,MAAM,KAAG,OAAO;CACrB,CAAC"}
+{"version":3,"file":"ToastManager.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAM3B,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAEX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAQX,eAAO,MAAM,YAAY,EAAE;IACzB,GAAG,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IAC/D,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAChC,SAAS,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAuB/C,CAAC;AAEL,eAAO,MAAM,QAAQ;6BACH,YAAY,YAAY,YAAY,KAAG,MAAM;0BAEhD,MAAM,KAAG,OAAO;CACrB,CAAC"}

package/lib/components/Toast/ToastManager.js

@@ -27,7 +27,6 @@ const defaultOptions = {
 const toastManager = exports.toastManager = (() => {
   let callbackFn;
   const manager = {
-    // @ts-ignore - TS2355 - A function whose declared type is neither 'void' nor 'any' must return a value.
     subscribe(callback) {
       callbackFn = callback;
     },
@@ -37,7 +36,7 @@ const toastManager = exports.toastManager = (() => {
         ...options
       };
       const toastId = (0, _helpers.uuid)();
-      callbackFn && callbackFn(ACTIONS.ADD, content, {
+      callbackFn?.(ACTIONS.ADD, content, {
         ...mergedOptions,
         id: toastId
       });

package/lib/components/Toggle/Toggle.d.ts

@@ -10,7 +10,7 @@ type ClassNames = Readonly<{
     wrapper?: string;
     label?: string;
 }>;
-export type ToggleProps = {
+export interface ToggleProps {
     name?: string;
     classNames?: ClassNames;
     children?: React.ReactNode;
@@ -24,7 +24,7 @@ export type ToggleProps = {
     value?: string;
     ariaLabel?: string;
     labelPosition?: 'left' | 'right';
-};
+}
 export declare const Toggle: Flow.AbstractComponent<ToggleProps, HTMLInputElement>;
 export {};
 //# sourceMappingURL=Toggle.d.ts.map

package/lib/components/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD;;;;;GAKG;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,gBAAgB,CAoFtE,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD;;;;;GAKG;AACH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,gBAAgB,CAoFtE,CAAC"}

package/lib/components/Toggle/Toggle.js

@@ -32,11 +32,10 @@ const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef((_ref, forwardRef)
     ...props
   } = _ref;
   const toggleInput = /*#__PURE__*/React.createRef();
-  // @ts-ignore - TS2322 - Type 'HTMLInputElement | null' is not assignable to type 'HTMLInputElement'.
   React.useImperativeHandle(forwardRef, () => toggleInput.current);
   const handleOnChange = () => {
     if (!disabled) {
-      onChange && onChange({
+      onChange?.({
         value,
         checked: !checked
       });
@@ -77,7 +76,4 @@ const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef((_ref, forwardRef)
     className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label)
   }, children));
 });
-
-// @ts-ignore - TS2339 - Property 'name' does not exist on type 'unknown'.
-// @ts-ignore - TS2339 - Property 'displayName' does not exist on type 'unknown'.
-Toggle.name = Toggle.displayName = 'Toggle';
+Toggle.displayName = 'Toggle';

package/lib/components/Toggle/Toggle.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM1C,wBAgGE;AAEF,eAAO,MAAM,OAAO;WAAU,WAAW;;;;;;;;;;CAaxC,CAAC;AAYF,eAAO,MAAM,aAAa;WAAU,WAAW;;;;;;;;;;;CA4B9C,CAAC"}
+{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM1C,wBAgGE;AAEF,eAAO,MAAM,OAAO;WAAU,WAAW;;;;;;;;;;CAkBxC,CAAC;AAYF,eAAO,MAAM,aAAa;WAAU,WAAW;;;;;;;;;;;CAiC9C,CAAC"}

package/lib/components/TokenListInput/TokenListInput.d.ts

@@ -10,20 +10,22 @@ type ClassNames = Readonly<{
     box?: string;
     input?: string;
 }>;
-export type TokenListMenuOptionTypes<T> = {
+export interface TokenListMenuOptionTypes<T> {
     options?: Array<T>;
     groupTitleOptions?: Array<TokenGroupTitleOption<T>>;
     resolveLabel?: (option: T) => string;
-};
-export type TokenGroupTitleOption<T> = {
+}
+export interface TokenGroupTitleOption<T> {
     groupTitle?: React.ReactNode;
     options?: Array<T>;
     showLineDivider?: boolean;
-};
-export type TokenListMenuProps<T> = BaseMenuProps & TokenListMenuOptionTypes<T>;
-export type Props<T> = {
+}
+export interface TokenListMenuProps<T> extends Omit<BaseMenuProps, 'resolveLabel'>, TokenListMenuOptionTypes<T> {
+    resolveLabel?: (option: T) => string;
+}
+export interface Props<T> {
     classNames?: ClassNames;
-    clickAwayRef?: ClickAwayRefType;
+    clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
     disabled?: boolean;
     error?: boolean;
     errorText?: string;
@@ -35,9 +37,9 @@ export type Props<T> = {
     isLoading?: boolean;
     locked?: boolean;
     onChange: (values: Array<T>) => unknown;
-    onInputBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => unknown;
+    onInputBlur?: React.FocusEventHandler<HTMLInputElement>;
     onInputChange?: (value: string) => unknown;
-    onInputFocus?: (e: React.SyntheticEvent<HTMLInputElement>) => unknown;
+    onInputFocus?: React.FocusEventHandler<HTMLInputElement>;
     placeholder?: string;
     size?: 'medium' | 'small';
     tabIndex?: number;
@@ -46,9 +48,9 @@ export type Props<T> = {
     onMenuOpen?: () => unknown;
     onMenuClose?: () => unknown;
     resolveTokenValue?: (arg1: ResolveTokenValueProps<T>) => React.ReactNode;
-    inputProps?: InputProps;
+    inputProps?: Omit<InputProps, 'size'>;
     elevation?: ElevationType;
-};
+}
 export declare function TokenListInput<T>(props: Props<T>): React.JSX.Element;
 export declare namespace TokenListInput {
     var displayName: string;

package/lib/components/TokenListInput/TokenListInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenListInput.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenListInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AASxE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAG3C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAG9C,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AAM9D,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,aAAa,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAIhF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACrE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,qBAsShD;yBAtSe,cAAc"}
+{"version":3,"file":"TokenListInput.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenListInput.tsx"],"names":[],"mappings":"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"}

package/lib/components/TokenListInput/TokenListInput.js

@@ -26,10 +26,9 @@ var _TokenListInputModule = _interopRequireDefault(require("./TokenListInput.mod
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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); }
-const DEFAULT_LIMIT_VALUE = exports.DEFAULT_LIMIT_VALUE = 100;
-
-// TODO: use Generics with Constraints when we have typescript.
+// Type definition for token objects with expected properties
 
+const DEFAULT_LIMIT_VALUE = exports.DEFAULT_LIMIT_VALUE = 100;
 function TokenListInput(props) {
   const {
     classNames,
@@ -68,17 +67,12 @@ function TokenListInput(props) {
     context
   } = (0, _react2.useFloating)({
     open: true,
-    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Strategy | undefined'.
     strategy: _ButtonDropdown.STRATEGY_TYPE.absolute,
-    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
     placement: _ButtonDropdown.ANCHOR_POSITION_TYPE.bottomStart,
     whileElementsMounted: _react2.autoUpdate,
     middleware: [(0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
   });
-
-  // @ts-ignore - TS2554 - Expected 1 arguments, but got 0.
-  const inputRef = React.useRef();
-  // @ts-ignore - TS2345 - Argument of type '(ReferenceType & ReferenceType) | null' is not assignable to parameter of type 'HTMLElement | null | undefined'.
+  const inputRef = React.useRef(null);
   const dropdownWidth = (0, _hooks.useReferenceElementWidth)(refs.reference?.current);
   const onOpenToggle = isOpen => {
     if (isOpen) {
@@ -95,24 +89,30 @@ function TokenListInput(props) {
     }
   }, [focusOnMount]);
   const addValue = value => {
-    // @ts-ignore - TS2339 - Property 'disabled' does not exist on type 'T'.
-    if (locked || !value || value.disabled) {
+    // Type assertion to access expected properties
+    const valueWithProps = value;
+    if (locked || !value || valueWithProps.disabled) {
       return; // Prevent adding values when disabled or locked
     }
     onInputChange?.('');
-    // @ts-ignore - TS2339 - Property 'key' does not exist on type 'T'. | TS2339 - Property 'key' does not exist on type 'T'.
-    const existingToken = values.find(token => token.key === value.key);
+    const existingToken = values.find(token => {
+      const tokenWithProps = token;
+      return tokenWithProps.key === valueWithProps.key;
+    });
     if (!existingToken) {
       onChange([...values, value]);
     }
     setTimeout(() => {
-      inputRef.current && inputRef.current.focus();
+      inputRef?.current?.focus();
     }, 0);
   };
   const removeValue = value => {
-    !disabled && !locked && onChange((0, _without.default)(values, value));
+    if (!disabled && !locked) {
+      // prevent removing values when disabled or locked
+      onChange((0, _without.default)(values, value));
+    }
     setTimeout(() => {
-      inputRef.current && inputRef.current.focus();
+      inputRef?.current?.focus();
     }, 0);
   };
   const hideInput = values.length >= limit || disabled || locked;
@@ -127,14 +127,11 @@ function TokenListInput(props) {
         event.preventDefault();
         let firstOption = null;
         if (menu?.options && menu.options.length > 0) {
-          // @ts-ignore - TS2345 - Argument of type 'T[]' is not assignable to parameter of type 'V[]'.
           firstOption = (0, _tokenListInput.getFirstOption)(menu.options);
         } else if (menu?.groupTitleOptions && menu.groupTitleOptions.length > 0) {
-          // @ts-ignore - TS2345 - Argument of type 'TokenGroupTitleOption<T>[]' is not assignable to parameter of type 'Group<V>[]'.
           firstOption = (0, _tokenListInput.getFirstOptionFromGroup)(menu.groupTitleOptions);
         }
         if (firstOption) {
-          // @ts-ignore - TS2345 - Argument of type 'V' is not assignable to parameter of type 'T'.
           addValue(firstOption);
         }
       }
@@ -145,7 +142,7 @@ function TokenListInput(props) {
     } else if (key === 'Escape') {
       event.preventDefault();
       setTimeout(() => {
-        inputRef.current && inputRef.current.blur();
+        inputRef?.current?.blur();
       }, 0);
     }
   };
@@ -181,11 +178,9 @@ function TokenListInput(props) {
         if (!isOpen) {
           onOpen();
         }
-        // @ts-ignore - TS2345 - Argument of type 'FocusEvent<HTMLDivElement, Element>' is not assignable to parameter of type 'SyntheticEvent<HTMLInputElement, Event>'.
         onInputFocus?.(e);
       },
       onBlur: e => {
-        // @ts-ignore - TS2345 - Argument of type 'FocusEvent<HTMLDivElement, Element>' is not assignable to parameter of type 'SyntheticEvent<HTMLInputElement, Event>'.
         onInputBlur?.(e);
       },
       className: (0, _classify.default)(_TokenListInputModule.default.box, {
@@ -194,9 +189,7 @@ function TokenListInput(props) {
         [_TokenListInputModule.default.small]: size === 'small',
         [_TokenListInputModule.default.withError]: error,
         [_TokenListInputModule.default.inputLocked]: locked
-      }, classNames?.box)
-      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      }, classNames?.box),
       ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef])
     }, /*#__PURE__*/React.createElement(_TokenValueChips.TokenValueChips, {
       values: values,
@@ -204,11 +197,7 @@ function TokenListInput(props) {
       disabled: disabled,
       locked: locked,
       onDismiss: removeValue
-    }), !hideInput &&
-    /*#__PURE__*/
-    // @ts-ignore - TS2345 - Argument of type 'InputProps' is not assignable to parameter of type 'InputProps'.
-    React.createElement("input", _extends({}, inputProps, {
-      // @ts-ignore - TS2322 - Type 'RefObject<HTMLInputElement | null | undefined>' is not assignable to type 'Ref<HTMLInputElement> | undefined'.
+    }), !hideInput && /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
       ref: inputRef,
       type: "text",
       readOnly: locked,
@@ -216,7 +205,9 @@ function TokenListInput(props) {
       placeholder: values.length === 0 ? placeholder || inputPlaceholder : inputPlaceholder,
       onChange: event => {
         onInputChange?.(event.target.value);
-        !isOpen && onOpen();
+        if (!isOpen) {
+          onOpen();
+        }
       },
       disabled: disabled || locked,
       tabIndex: tabIndex,
@@ -246,14 +237,10 @@ function TokenListInput(props) {
     }, helperText) : helperText), !locked && isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
       context: context,
-      returnFocus: false
-      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
-      ,
+      returnFocus: false,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
-      className: _TokenListInputModule.default.menuWrapper
-      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      className: _TokenListInputModule.default.menuWrapper,
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       style: {
         position: strategy,
@@ -274,7 +261,6 @@ function TokenListInput(props) {
         if (values.length >= limit) {
           return;
         }
-        // @ts-ignore - TS2345 - Argument of type 'MenuOption' is not assignable to parameter of type 'T'.
         addValue(option);
         clickAway();
         inputRef.current?.focus();

package/lib/components/TokenListInput/TokenListInput.stories.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import type { Over } from '../../types/utils';
 import type { MenuOption } from '../Menu';
 import type { Props } from './TokenListInput';
 import { TokenListInput } from './TokenListInput';
+interface TokenListOption extends Omit<MenuOption, 'arbitrary'> {
+    arbitrary?: boolean;
+}
 declare const _default: {
     tags: string[];
     title: string;
@@ -312,9 +314,6 @@ declare const _default: {
     };
 };
 export default _default;
-type TokenListOption = Over<MenuOption, {
-    arbitrary?: boolean;
-}>;
 export declare const _TokenListInput: {
     (args: Props<TokenListOption>): React.JSX.Element;
     args: {

package/lib/components/TokenListInput/TokenListInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenListInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenListInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAQxC,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOhD,wBAgQE;AAEF,KAAK,eAAe,GAAG,IAAI,CACzB,UAAU,EACV;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CACF,CAAC;AAEF,eAAO,MAAM,eAAe;WAAU,KAAK,CAAC,eAAe,CAAC;;;;;;CA0B3D,CAAC;AAMF,eAAO,MAAM,wBAAwB,GAAI,MAAM,KAAK,CAAC,eAAe,CAAC,sBAuCpE,CAAC;AAEF,eAAO,MAAM,qBAAqB;WAAU,KAAK,CAAC,eAAe,CAAC;;;;CAsBjE,CAAC;AAMF,eAAO,MAAM,uBAAuB;WAAU,KAAK,CAAC,eAAe,CAAC;;;;;;;CAsBnE,CAAC;AAmDF,eAAO,MAAM,oBAAoB;WAAU,KAAK,CAAC,eAAe,CAAC;;;;;;;;;;;;;4BA+CpD,KAAK,CAAC,SAAS;;;;;;;;;CA7C3B,CAAC;AAsIF,eAAO,MAAM,2BAA2B,GAAI,MAAM,KAAK,CAAC,eAAe,CAAC,sBAEvE,CAAC;AAEF,eAAO,MAAM,qBAAqB;WAAU,KAAK,CAAC,eAAe,CAAC;;;;;;;;;;;CA4EjE,CAAC"}
+{"version":3,"file":"TokenListInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenListInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAQxC,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAKhD,UAAU,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBD,wBAgQE;AAEF,eAAO,MAAM,eAAe;WAAU,KAAK,CAAC,eAAe,CAAC;;;;;;CA0B3D,CAAC;AAMF,eAAO,MAAM,wBAAwB,GAAI,MAAM,KAAK,CAAC,eAAe,CAAC,sBAuCpE,CAAC;AAEF,eAAO,MAAM,qBAAqB;WAAU,KAAK,CAAC,eAAe,CAAC;;;;CAsBjE,CAAC;AAMF,eAAO,MAAM,uBAAuB;WAAU,KAAK,CAAC,eAAe,CAAC;;;;;;;CAsBnE,CAAC;AAoDF,eAAO,MAAM,oBAAoB;WAAU,KAAK,CAAC,eAAe,CAAC;;;;;;;;;;;;;4BA+CpD,KAAK,CAAC,SAAS;;;;;;;;;CA7C3B,CAAC;AAqIF,eAAO,MAAM,2BAA2B,GAAI,MAAM,KAAK,CAAC,eAAe,CAAC,sBAEvE,CAAC;AAEF,eAAO,MAAM,qBAAqB;WAAU,KAAK,CAAC,eAAe,CAAC;;;;;;;;;;;CAkFjE,CAAC"}

package/lib/components/TokenListInput/TokenValueChips.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
-type Props<T> = {
+interface Props<T> {
     values: Array<T>;
     disabled?: boolean;
     locked?: boolean;
     onDismiss: (arg1: T) => unknown;
     resolveTokenValue?: (arg1: ResolveTokenValueProps<T>) => React.ReactNode;
-};
-export type ResolveTokenValueProps<T> = {
+}
+export interface ResolveTokenValueProps<T> {
     token: T;
     disabled?: boolean;
     onDismiss?: (arg1: T) => unknown;
     locked?: boolean;
-};
+}
 export declare function TokenValueChips<T>(props: Props<T>): (string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined)[];
 export declare namespace TokenValueChips {
     var displayName: string;

package/lib/components/TokenListInput/TokenValueChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenValueChips.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenValueChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1E,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA0BF,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,uSAkBjD;yBAlBe,eAAe"}
+{"version":3,"file":"TokenValueChips.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenValueChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,UAAU,KAAK,CAAC,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1E;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAyBD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,uSAkBjD;yBAlBe,eAAe"}

package/lib/components/TokenListInput/TokenValueChips.js

@@ -5,32 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TokenValueChips = TokenValueChips;
 var React = _interopRequireWildcard(require("react"));
-var _elevation = require("../../styles/variables/_elevation");
 var _Chip = require("../Chip");
 var _Tooltip = require("../Tooltip");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Type definition for token objects with expected properties
+
 function defaultResolveTokenValue(_ref) {
   let {
     token,
     disabled,
     onDismiss
   } = _ref;
-  return (
-    /*#__PURE__*/
-    // @ts-ignore - TS2339 - Property 'label' does not exist on type 'NonNullable<T>'.
-    React.createElement(_Tooltip.Tooltip, {
-      body: token?.label,
-      elevation: _elevation.elevationMenu
-    }, /*#__PURE__*/React.createElement(_Chip.Chip
-    // @ts-ignore - TS2339 - Property 'key' does not exist on type 'NonNullable<T>'.
-    , {
-      key: token?.key,
-      onDismiss: _ => onDismiss?.(token),
-      dismissable: true,
-      semantic: 'primary',
-      disabled: disabled
-    }, token?.label))
-  );
+  // Type assertion to access expected properties
+  const tokenWithProps = token;
+  return /*#__PURE__*/React.createElement(_Tooltip.Tooltip, {
+    body: tokenWithProps?.label,
+    elevation: "menu"
+  }, /*#__PURE__*/React.createElement(_Chip.Chip, {
+    key: tokenWithProps?.key,
+    onDismiss: _ => onDismiss?.(token),
+    dismissable: true,
+    semantic: 'primary',
+    disabled: disabled
+  }, tokenWithProps?.label));
 }
 function TokenValueChips(props) {
   const {

package/lib/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Over } from '../../types/utils';
 type ClassNames = Readonly<{
     tooltip?: string;
     title?: string;
@@ -25,7 +24,7 @@ export declare const ELEVATION_TYPES: Readonly<{
 }>;
 export type ElevationType = (typeof ELEVATION_TYPES)[keyof typeof ELEVATION_TYPES];
 export type PlacementType = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';
-export type BaseTooltipProps = {
+export interface BaseTooltipProps {
     classNames?: ClassNames;
     title?: string | React.ReactNode;
     body?: string | React.ReactNode;
@@ -35,10 +34,10 @@ export type BaseTooltipProps = {
     delayMotionDuration?: DelayMotionDurationType;
     hidden?: boolean;
     elevation?: ElevationType;
-};
-export type TooltipProps = Over<BaseTooltipProps, {
-    children: any;
-}>;
+}
+export interface TooltipProps extends Omit<BaseTooltipProps, 'children'> {
+    children: React.ReactNode;
+}
 export declare const getElevationValue: (elevation: string) => string;
 export declare const Tooltip: ({ classNames, children, title, body, placement, bodyMaxLines, titleMaxLines, delayMotionDuration, elevation, hidden, }: TooltipProps) => React.JSX.Element;
 export {};

package/lib/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAQ5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;EAOtC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,OAAO,2BAA2B,CAAC,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,aAAa,GACvB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,aAAa,GACrB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,gBAAgB,EAChB;IAEE,QAAQ,EAAE,GAAG,CAAC;CACf,CACF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,KAAG,MAIrD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,wHAWrB,YAAY,sBA+Fd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;EAOtC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,OAAO,2BAA2B,CAAC,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,aAAa,GACvB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,aAAa,GACrB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,KAAG,MAIrD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,wHAWrB,YAAY,sBAyGd,CAAC"}