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

package/lib/components/AvatarGroup/AvatarGroup.js

@@ -14,6 +14,11 @@ var _AvatarGroupModule = _interopRequireDefault(require("./AvatarGroup.module.cs
 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); }
 const COLOR_SEQUENCE = ['blue', 'green', 'orange', 'red', 'gray'];
+
+// Define the expected props for avatar elements
+
+// Type for an avatar element that can be cloned
+
 const AvatarGroup = exports.AvatarGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
@@ -33,10 +38,11 @@ const AvatarGroup = exports.AvatarGroup = /*#__PURE__*/React.forwardRef((_ref, r
   };
   let colorIndex = -1;
   const avatarInGroup = (child, index, color) => {
+    const avatarProps = child.props;
     const {
       classNames,
       text
-    } = child.props;
+    } = avatarProps;
     const {
       wrapper,
       ...restClassNames
@@ -49,7 +55,6 @@ const AvatarGroup = exports.AvatarGroup = /*#__PURE__*/React.forwardRef((_ref, r
       },
       style: {
         borderColor,
-        // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly small: "4px"; readonly medium: `${number}px`; readonly large: "8px"; readonly extraLarge: "12px"; }'.
         marginLeft: `-${index !== 0 ? leftOverlap[size] : 0}`
       },
       color
@@ -66,13 +71,17 @@ const AvatarGroup = exports.AvatarGroup = /*#__PURE__*/React.forwardRef((_ref, r
     const nameList = [];
     for (let i = maxAvatars - 1; i < totalAvatarCount; i++) {
       const child = childrenArray[i];
-      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
-      const {
-        text
-      } = child.props;
-      if (text) {
-        // @ts-ignore - TS2345 - Argument of type 'any' is not assignable to parameter of type 'never'.
-        nameList.push(text);
+
+      // Type guard to ensure child is a ReactElement
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        const childElement = child;
+        const childProps = childElement.props;
+        const {
+          text
+        } = childProps;
+        if (text) {
+          nameList.push(text);
+        }
       }
     }
     const NameListNode = () => /*#__PURE__*/React.createElement("span", null, nameList.map(name => /*#__PURE__*/React.createElement(React.Fragment, {
@@ -94,16 +103,20 @@ const AvatarGroup = exports.AvatarGroup = /*#__PURE__*/React.forwardRef((_ref, r
       },
       style: {
         borderColor,
-        // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly small: "4px"; readonly medium: `${number}px`; readonly large: "8px"; readonly extraLarge: "12px"; }'.
         marginLeft: `-${leftOverlap[size]}`
       }
     })));
   };
   const childrenWithProps = React.Children.map(children, (child, index) => {
-    // @ts-ignore - TS2533 - Object is possibly 'null' or 'undefined'. | TS2339 - Property 'props' does not exist on type 'string | number | bigint | boolean | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
+    // Type guard to ensure child is a ReactElement
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return child;
+    }
+    const childElement = child;
+    const childProps = childElement.props;
     const {
       imageSrc
-    } = child.props;
+    } = childProps;
     if (!imageSrc) {
       colorIndex++;
       if (colorIndex === COLOR_SEQUENCE.length) {
@@ -112,10 +125,10 @@ const AvatarGroup = exports.AvatarGroup = /*#__PURE__*/React.forwardRef((_ref, r
     }
     const color = COLOR_SEQUENCE[colorIndex];
     if (childAvatarCount <= maxAvatars) {
-      return avatarInGroup(child, index, color);
+      return avatarInGroup(childElement, index, color);
     } else {
       if (index < maxAvatars - 1) {
-        return avatarInGroup(child, index, color);
+        return avatarInGroup(childElement, index, color);
       } else if (index === maxAvatars) {
         return plusAvatar();
       }

package/lib/components/Badge/Badge.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../types/utils';
 import type { IconSize, IconType } from '../Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
@@ -21,20 +20,20 @@ export declare const BADGE_COLOR: Readonly<{
     indigoDark: "#706F9B";
 }>;
 export type BadgeColorType = keyof typeof BADGE_COLOR;
-export type BaseBadgeProps = {
+export interface BaseBadgeProps {
     classNames?: ClassNames;
     fill?: BadgeColorType;
-};
-export type BadgeProps = Over<BaseBadgeProps, {
+}
+export interface BadgeProps extends Omit<BaseBadgeProps, 'text'> {
     text: string;
-}>;
-export type IconBadgeProps = Over<BaseBadgeProps, {
+}
+export interface IconBadgeProps extends Omit<BaseBadgeProps, 'iconName' | 'iconType' | 'iconSize' | 'onClick' | 'ariaLabel'> {
     iconName: string;
     iconType?: IconType;
     iconSize?: IconSize;
-    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
     ariaLabel?: string;
-}>;
+}
 export declare const Badge: Flow.AbstractComponent<BadgeProps, HTMLDivElement>;
 export declare const IconBadge: Flow.AbstractComponent<IconBadgeProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAerD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;EAYtB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,WAAW,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd;IACE,IAAI,EAAE,MAAM,CAAC;CACd,CACF,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,EACd;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,cAAc,CAkClE,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA8C1E,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAgBrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;EAYtB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,WAAW,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,cAAc,EACd,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAC/D;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,cAAc,CAkClE,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA8C1E,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASxD,wBAmGE;AAEF,eAAO,MAAM,MAAM;WAAU,UAAU;;;;CAItC,CAAC;AAMF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;CAK9C,CAAC"}
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASxD,wBAmGE;AAEF,eAAO,MAAM,MAAM;WAAU,UAAU;;;;CAItC,CAAC;AAMF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;CAI9C,CAAC"}

package/lib/components/BadgedIcon/BadgedIcon.d.ts

@@ -5,14 +5,14 @@ type ClassNames = Readonly<{
     icon?: string;
     badgeIcon?: string;
 }>;
-export type BadgedIconProps = {
+export interface BadgedIconProps {
     type?: IconType;
     name: string;
     size?: IconSize;
     ariaLabel?: string;
     showBadge?: boolean;
     classNames?: ClassNames;
-};
+}
 export declare const BadgedIcon: ({ name, showBadge, classNames, size, type, ariaLabel, }: BadgedIconProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=BadgedIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgedIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BadgedIcon/BadgedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yDAOxB,eAAe,sBAoBjB,CAAC"}
+{"version":3,"file":"BadgedIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BadgedIcon/BadgedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,GAAI,yDAOxB,eAAe,sBAkBjB,CAAC"}

package/lib/components/BadgedIcon/BadgedIcon.js

@@ -26,10 +26,7 @@ const BadgedIcon = _ref => {
   }, /*#__PURE__*/React.createElement(_Icon.Icon, {
     ariaLabel: ariaLabel,
     name: name,
-    className: classNames?.icon
-    // @ts-ignore - TS17001 - JSX elements cannot have multiple attributes with the same name.
-    ,
-    name: name,
+    className: classNames?.icon,
     size: size === 'large' ? 'medium' : size,
     type: type,
     color: _typography.TEXT_COLORS.clickable

package/lib/components/Banner/Banner.d.ts

@@ -1,8 +1,7 @@
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../types/utils';
 import type { InContextAlertProps } from '../InContextAlert';
-export type BannerProps = Over<InContextAlertProps, {
+export interface BannerProps extends Omit<InContextAlertProps, 'alignment'> {
     alignment?: 'top' | 'bottom';
-}>;
+}
 export declare const Banner: Flow.AbstractComponent<BannerProps, HTMLDivElement>;
 //# sourceMappingURL=Banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAM3D,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,mBAAmB,EACnB;IACE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B,CACF,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CA0CpE,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAM3D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC;IACzE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CA0CpE,CAAC"}

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../../types/utils';
 import type { LinkProps } from '../../Link';
-export type BreadcrumbLinkProps = Over<LinkProps, {
+export interface BreadcrumbLinkProps extends Omit<LinkProps, 'isActive' | 'id' | 'onClick'> {
     isActive?: boolean;
     id: string;
     onClick?: (arg1: React.SyntheticEvent<HTMLElement>, id: string) => unknown;
-}>;
+}
 export declare const BreadcrumbLink: Flow.AbstractComponent<BreadcrumbLinkProps, HTMLAnchorElement | null | undefined>;
 //# sourceMappingURL=BreadcrumbLink.d.ts.map

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE/C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAM1C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,SAAS,EACT;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5E,CACF,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAmCrC,CAAC"}
+{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAM1C,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5E;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAqCrC,CAAC"}

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.js

@@ -30,10 +30,8 @@ const BreadcrumbLink = exports.BreadcrumbLink = /*#__PURE__*/React.forwardRef((_
     as: as || 'subTitleExtraSmall',
     underline: underline,
     disabled: isActive,
-    className: (0, _classify.default)(_BreadcrumbLinkModule.default.breadcrumbLink,
-    // @ts-ignore - TS2345 - Argument of type 'string | undefined' is not assignable to parameter of type 'string'.
-    {
-      [_BreadcrumbLinkModule.default.active]: isActive ?? window.location.href.includes(to ?? href)
+    className: (0, _classify.default)(_BreadcrumbLinkModule.default.breadcrumbLink, {
+      [_BreadcrumbLinkModule.default.active]: isActive ?? window.location.href.includes(to ?? href ?? '')
     }, className),
     onClick: e => {
       onClick?.(e, id);

package/lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -4,11 +4,11 @@ import type { BaseLinkProps } from '../Link';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type BreadcrumbsProps = {
+export interface BreadcrumbsProps {
     classNames?: ClassNames;
     children: React.ReactNode;
     linkComponent?: Flow.AbstractComponent<BaseLinkProps, HTMLAnchorElement | null | undefined>;
-};
+}
 export declare const Breadcrumbs: Flow.AbstractComponent<BreadcrumbsProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAK3C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH,CAAC;AAWF,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,cAAc,CA6Bf,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAK3C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH;AA4BD,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,cAAc,CA8Bf,CAAC"}

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -10,6 +10,10 @@ var _Icon = require("../Icon");
 var _BreadcrumbsModule = _interopRequireDefault(require("./Breadcrumbs.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); }
+// Define the expected props for breadcrumb link elements
+
+// Type for a breadcrumb link element that can be cloned
+
 const BreadcrumbSeparator = () => /*#__PURE__*/React.createElement(_Icon.Icon, {
   className: _BreadcrumbsModule.default.separator,
   name: "chevron-right",
@@ -32,12 +36,7 @@ const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref, r
   // eslint-disable-next-line react/no-array-index-key
   React.createElement(React.Fragment, {
     key: `crumb-${idx}`
-  }, /*#__PURE__*/React.isValidElement(child) &&
-  // @ts-ignore - TS2339 - Property 'displayName' does not exist on type 'string | JSXElementConstructor<any>'.
-  child?.type?.displayName === 'BreadcrumbLink' ?
-  /*#__PURE__*/
-  // @ts-ignore - TS2769 - No overload matches this call.
-  React.cloneElement(child, {
+  }, /*#__PURE__*/React.isValidElement(child) && child?.type?.displayName === 'BreadcrumbLink' ? /*#__PURE__*/React.cloneElement(child, {
     linkComponent
   }) : child, idx < total - 1 && /*#__PURE__*/React.createElement(BreadcrumbSeparator, {
     "aria-hidden": true

package/lib/components/Button/Button.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../types/utils';
 import type { IconType } from '../Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
@@ -36,20 +35,20 @@ export declare const BUTTON_SIZE: Readonly<{
 export type ButtonType = (typeof BUTTON_TYPES)[keyof typeof BUTTON_TYPES];
 export type ButtonActionType = (typeof BUTTON_ACTION_TYPE)[keyof typeof BUTTON_ACTION_TYPE];
 export type ButtonSize = keyof typeof BUTTON_SIZE;
-export type BaseButtonProps = Over<React.ButtonHTMLAttributes<HTMLButtonElement>, {
+export interface BaseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'disabled' | 'actionType' | 'onClick' | 'ariaLabel' | 'tabIndex' | 'isLoading' | 'role'> {
     children?: React.ReactNode;
     disabled?: boolean;
     actionType?: ButtonActionType;
-    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     ariaLabel?: string;
     tabIndex?: number;
     isLoading?: boolean;
     role?: string;
-}>;
-export type UnstyledButtonProps = Over<BaseButtonProps, {
+}
+export interface UnstyledButtonProps extends Omit<BaseButtonProps, 'className'> {
     className?: string;
-}>;
-export type ButtonProps = Over<BaseButtonProps, {
+}
+export interface ButtonProps extends Omit<BaseButtonProps, 'classNames' | 'iconLeftName' | 'iconLeftType' | 'iconRightName' | 'iconRightType' | 'type' | 'isFluid' | 'size'> {
     classNames?: ClassNames;
     iconLeftName?: string;
     iconLeftType?: IconType;
@@ -58,7 +57,7 @@ export type ButtonProps = Over<BaseButtonProps, {
     type?: ButtonType;
     isFluid?: boolean;
     size?: ButtonSize;
-}>;
+}
 export declare const UnstyledButton: Flow.AbstractComponent<UnstyledButtonProps, HTMLButtonElement>;
 export declare const Button: Flow.AbstractComponent<ButtonProps, HTMLButtonElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,eAAe,EACf;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,eAAe,EACf;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CACF,CAAC;AAoBF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,CAkClB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CA0JvE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GACV,UAAU,GACV,YAAY,GACZ,SAAS,GACT,WAAW,GACX,UAAU,GACV,WAAW,GACX,MAAM,CACT;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,eAAe,EACb,YAAY,GACZ,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,MAAM,GACN,SAAS,GACT,MAAM,CACT;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAoBD,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,CAkClB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAoJvE,CAAC"}

package/lib/components/Button/Button.js

@@ -130,9 +130,7 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled' :
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "colorTextInversePrimary"; readonly secondary: "colorTextClickable"; readonly tertiary: "colorTextPrimary"; readonly ghost: "colorTextPrimary"; readonly danger: "colorTextInversePrimary"; readonly gradient: "colorTextInversePrimary"; }'.
-    ButtonTypeToLoaderColorMap[type]
+    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
   })), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
     className: (0, _classify.classify)({
       [_ButtonModule.default.hidden]: isLoading
@@ -143,13 +141,9 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled' :
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "colorTextInversePrimary"; readonly secondary: "colorTextClickable"; readonly tertiary: "colorTextPrimary"; readonly ghost: "colorTextPrimary"; readonly danger: "colorTextInversePrimary"; readonly gradient: "colorTextInversePrimary"; }'.
-    ButtonTypeToLoaderColorMap[type]
+    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
   })), /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconLeftName || iconRightName
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "inversePrimary"; readonly secondary: "clickable"; readonly tertiary: "primary"; readonly ghost: "primary"; readonly danger: "inversePrimary"; readonly gradient: "inversePrimary"; }'.
-    ,
+    name: iconLeftName || iconRightName,
     color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
     size: size === 'medium' ? 'medium' : 'small',
     type: iconLeftName ? iconLeftType : iconRightType,
@@ -160,9 +154,7 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   // has icon _and_ child
   (iconLeftName || iconRightName) && /*#__PURE__*/React.createElement(React.Fragment, null, iconLeftName && /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconLeftName,
-    color:
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "inversePrimary"; readonly secondary: "clickable"; readonly tertiary: "primary"; readonly ghost: "primary"; readonly danger: "inversePrimary"; readonly gradient: "inversePrimary"; }'.
-    disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
     size: size === 'medium' ? 'medium' : 'small',
     type: iconLeftType,
     className: (0, _classify.classify)({
@@ -174,18 +166,14 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled' :
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "colorTextInversePrimary"; readonly secondary: "colorTextClickable"; readonly tertiary: "colorTextPrimary"; readonly ghost: "colorTextPrimary"; readonly danger: "colorTextInversePrimary"; readonly gradient: "colorTextInversePrimary"; }'.
-    ButtonTypeToLoaderColorMap[type]
+    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
   })), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
     className: (0, _classify.classify)({
       [_ButtonModule.default.hidden]: isLoading
     })
   }, children)), iconRightName && /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconRightName,
-    color:
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "inversePrimary"; readonly secondary: "clickable"; readonly tertiary: "primary"; readonly ghost: "primary"; readonly danger: "inversePrimary"; readonly gradient: "inversePrimary"; }'.
-    disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
     size: size === 'medium' ? 'medium' : 'small',
     type: iconRightType,
     className: (0, _classify.classify)({
@@ -193,6 +181,4 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     }, classNames?.icon)
   }))));
 });
-
-// @ts-ignore - TS2540 - Cannot assign to 'name' because it is a read-only property.
-Button.name = Button.displayName = 'Button';
+Button.displayName = 'Button';

package/lib/components/ButtonDropdown/ButtonDropdown.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../types/utils';
 import type { ClickAwayRefType } from '../../utils/click-away';
 import type { ButtonProps } from '../Button';
 import type { MenuOption, MenuProps } from '../Menu';
@@ -24,7 +23,7 @@ type ClassNames = Readonly<{
     dropdownContainer?: string;
     buttonIcon?: string;
 }>;
-export type ButtonDropdownProps = Over<ButtonProps, {
+export interface ButtonDropdownProps extends Omit<ButtonProps, 'classNames' | 'menu' | 'positionStrategy' | 'anchorPosition' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'tooltip' | 'elevation' | 'clickAwayRef'> {
     classNames?: ClassNames;
     menu?: MenuProps;
     positionStrategy?: Strategy;
@@ -34,8 +33,8 @@ export type ButtonDropdownProps = Over<ButtonProps, {
     onMenuClose?: () => unknown;
     tooltip?: BaseTooltipProps;
     elevation?: ElevationType;
-    clickAwayRef?: ClickAwayRefType;
-}>;
+    clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
+}
 export declare const ButtonDropdown: Flow.AbstractComponent<ButtonDropdownProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=ButtonDropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/ButtonDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAG3C,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAMhE,eAAO,MAAM,oBAAoB;;;;;;;EAO/B,CAAC;AAEH,eAAO,MAAM,aAAa;;;EAGxB,CAAC;AAEH,MAAM,MAAM,UAAU,GACpB,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACnE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE1E,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,WAAW,EACX;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CACF,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CA2Jf,CAAC"}
+{"version":3,"file":"ButtonDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/ButtonDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAG3C,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAMhE,eAAO,MAAM,oBAAoB;;;;;;;EAO/B,CAAC;AAEH,eAAO,MAAM,aAAa;;;EAGxB,CAAC;AAEH,MAAM,MAAM,UAAU,GACpB,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACnE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE1E,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,WAAW,EACT,YAAY,GACZ,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,SAAS,GACT,WAAW,GACX,cAAc,CACjB;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAyJf,CAAC"}

package/lib/components/ButtonDropdown/ButtonDropdown.js

@@ -61,15 +61,11 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
     context
   } = (0, _react2.useFloating)({
     open: true,
-    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Strategy | undefined'.
     strategy: positionStrategy,
-    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
     placement: anchorPosition,
     whileElementsMounted: _react2.autoUpdate,
     middleware: [(0, _react2.shift)(), (0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
   });
-
-  // @ts-ignore - TS2345 - Argument of type '(ReferenceType & ReferenceType) | null' is not assignable to parameter of type 'HTMLElement | null | undefined'.
   const dropdownWidth = (0, _hooks.useReferenceElementWidth)(refs.reference?.current);
   const onMenuToggle = isOpen => {
     if (isOpen) {
@@ -106,9 +102,7 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
       iconRightName: children ? iconRightName || (isOpen ? 'caret-up' : 'caret-down') : iconRightName,
       iconRightType: iconRightType,
       disabled: disabled,
-      size: size
-      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      size: size,
       ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
       onClick: e => {
         onClick?.(e);
@@ -122,14 +116,10 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
       }
     }), children)), isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
-      context: context
-      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
-      ,
+      context: context,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
-      className: _ButtonDropdownModule.default.menuWrapper
-      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      className: _ButtonDropdownModule.default.menuWrapper,
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       style: {
         display: 'flex',
@@ -148,7 +138,7 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
       }
     }, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, menu, {
       onSelect: (option, e) => {
-        onOptionSelect && onOptionSelect(option, e);
+        onOptionSelect?.(option, e);
         if (
         // option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
         !option.keepMenuOpenOnOptionSelect && (!menu.optionsVariant || menu.optionsVariant === 'normal')) {