@spaced-out/ui-design-system 0.4.14 → 0.4.15-beta.0

package/lib/components/AvatarGroup/AvatarGroup.js

@@ -49,6 +49,7 @@ 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
@@ -65,10 +66,12 @@ 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);
       }
     }
@@ -91,11 +94,13 @@ 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<...>'.
     const {
       imageSrc
     } = child.props;

package/lib/components/AvatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AvatarGroup';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/AvatarGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconSize, IconType } from '../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    text?: string;
+    icon?: string;
+}>;
+export declare const BADGE_COLOR: Readonly<{
+    gray: "#EBEBEB";
+    red: "#fce8ed";
+    redDark: "#e31c4c";
+    orange: "#fcf2e7";
+    orangeDark: "#df7e0c";
+    green: "#e6f5ed";
+    greenDark: "#03964d";
+    blue: "#e6f0fe";
+    blueDark: "#0769f0";
+    indigo: "#f1f1f5";
+    indigoDark: "#706F9B";
+}>;
+export type BadgeColorType = keyof typeof BADGE_COLOR;
+export type BaseBadgeProps = {
+    classNames?: ClassNames;
+    fill?: BadgeColorType;
+};
+export type BadgeProps = ((BaseBadgeProps) & {
+    text: string;
+});
+export type IconBadgeProps = ((BaseBadgeProps) & {
+    iconName: string;
+    iconType?: IconType;
+    iconSize?: IconSize;
+    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    ariaLabel?: string;
+});
+export declare const Badge: Flow.AbstractComponent<BadgeProps, HTMLDivElement>;
+export declare const IconBadge: Flow.AbstractComponent<IconBadgeProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +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;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,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,cAAc,CAAC,GAAG;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,cAAc,CAAC,GAAG;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,cAAc,CAuCjE,CAAC;AAEL,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA2C3E,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Badge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { IconSize, IconType } from '../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    icon?: string;
+    badgeIcon?: string;
+}>;
+export type 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

@@ -0,0 +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,GACrB,yDAOG,eAAe,sBAmBhB,CAAC"}

package/lib/components/BadgedIcon/BadgedIcon.js

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

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

@@ -0,0 +1,2 @@
+export * from './BadgedIcon';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgedIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { InContextAlertProps } from '../InContextAlert';
+export type BannerProps = ((InContextAlertProps) & {
+    alignment?: 'top' | 'bottom';
+});
+export declare const Banner: Flow.AbstractComponent<BannerProps, HTMLDivElement>;
+//# sourceMappingURL=Banner.d.ts.map

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

@@ -0,0 +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;AAIrD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAM3D,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,mBAAmB,CAAC,GAAG;IACjD,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B,CAAC,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CAsChE,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Banner';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { LinkProps } from '../../Link';
+export type BreadcrumbLinkProps = ((LinkProps) & {
+    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

@@ -0,0 +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;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAM1C,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,SAAS,CAAC,GAAG;IAC/C,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,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAgC3G,CAAC"}

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

@@ -30,7 +30,9 @@ const BreadcrumbLink = exports.BreadcrumbLink = /*#__PURE__*/React.forwardRef((_
     as: as || 'subTitleExtraSmall',
     underline: underline,
     disabled: isActive,
-    className: (0, _classify.default)(_BreadcrumbLinkModule.default.breadcrumbLink, {
+    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),
     onClick: e => {

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

@@ -0,0 +1,2 @@
+export * from './BreadcrumbLink';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbLink/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { BaseLinkProps } from '../Link';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type 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

@@ -0,0 +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,CAAC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CAC7F,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,cAAc,CA8B/E,CAAC"}

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -32,7 +32,11 @@ 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) && child?.type?.displayName === 'BreadcrumbLink' ? /*#__PURE__*/React.cloneElement(child, {
+  }, /*#__PURE__*/React.isValidElement(child) &&
+  // @ts-ignore - TS2339 - Property 'displayName' does not exist on type 'string | JSXElementConstructor<any>'.
+  child?.type?.displayName === 'BreadcrumbLink'
+  // @ts-ignore - TS2769 - No overload matches this call.
+  ? /*#__PURE__*/React.cloneElement(child, {
     linkComponent
   }) : child, idx < total - 1 && /*#__PURE__*/React.createElement(BreadcrumbSeparator, {
     "aria-hidden": true

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

@@ -0,0 +1,3 @@
+export * from './BreadcrumbLink';
+export * from './Breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconType } from '../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    icon?: string;
+    text?: string;
+}>;
+/**
+ * Note(Nishant): Although Button supports gradient as a type, its not currently customizable really.
+ * This only supports pre-defined gradient that moves from left to right.
+ * If someone wants to add more gradients, the expectation is that they would add it through a wrapper className.
+ *
+ * We could have taken an extra prop to take in the Gradient colors but that should not be encouraged
+ * as it would add an additional overhead on the component to figure out exact color values from string tokens
+ * and since this is rarely used type anyway, it should be avoided.
+ */
+export declare const BUTTON_TYPES: Readonly<{
+    primary: "primary";
+    secondary: "secondary";
+    tertiary: "tertiary";
+    ghost: "ghost";
+    danger: "danger";
+    gradient: "gradient";
+}>;
+export declare const BUTTON_ACTION_TYPE: Readonly<{
+    button: "button";
+    submit: "submit";
+    reset: "reset";
+}>;
+export declare const BUTTON_SIZE: Readonly<{
+    small: "small";
+    medium: "medium";
+}>;
+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 = {
+    children?: React.ReactNode;
+    disabled?: unknown;
+    actionType?: ButtonActionType;
+    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    ariaLabel?: string;
+    tabIndex?: number;
+    isLoading?: boolean;
+    role?: string;
+};
+export type UnstyledButtonProps = ((BaseButtonProps) & {
+    className?: string;
+});
+export type ButtonProps = ((BaseButtonProps) & {
+    classNames?: ClassNames;
+    iconLeftName?: string;
+    iconLeftType?: IconType;
+    iconRightName?: string;
+    iconRightType?: IconType;
+    type?: ButtonType;
+    isFluid?: boolean;
+    size?: ButtonSize;
+});
+export declare const UnstyledButton: Flow.AbstractComponent<UnstyledButtonProps, HTMLButtonElement>;
+export declare const Button: Flow.AbstractComponent<ButtonProps, HTMLButtonElement>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +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;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,OAAO,YAAY,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,OAAO,kBAAkB,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC1F,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,eAAe,CAAC,GAAG;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,eAAe,CAAC,GAAG;IAC7C,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,CAAC,CAAC;AAoBH,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,iBAAiB,CAiCxF,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAsJtE,CAAC"}

package/lib/components/Button/Button.js

@@ -72,9 +72,13 @@ const UnstyledButton = exports.UnstyledButton = /*#__PURE__*/React.forwardRef((_
   } : {}, {
     className: className,
     ref: ref,
-    role: role,
+    role: role
+    // @ts-ignore - TS2322 - Type 'unknown' is not assignable to type 'boolean | undefined'.
+    ,
     disabled: disabled,
-    tabIndex: disabled ? -1 : tabIndex,
+    tabIndex: disabled ? -1 : tabIndex
+    // @ts-ignore - TS2322 - Type 'string | undefined' is not assignable to type '"button" | "submit" | "reset" | undefined'.
+    ,
     type: actionType,
     onClick: event => {
       if (disabled || isLoading) {
@@ -130,7 +134,9 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+    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]
   })), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
     className: (0, _classify.classify)({
       [_ButtonModule.default.hidden]: isLoading
@@ -141,9 +147,13 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+    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]
   })), /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconLeftName || iconRightName,
+    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"; }'.
+    ,
     color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
     size: size === 'medium' ? 'medium' : 'small',
     type: iconLeftName ? iconLeftType : iconRightType,
@@ -154,7 +164,9 @@ 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: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+    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],
     size: size === 'medium' ? 'medium' : 'small',
     type: iconLeftType,
     className: (0, _classify.classify)({
@@ -166,14 +178,18 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+    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]
   })), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
     className: (0, _classify.classify)({
       [_ButtonModule.default.hidden]: isLoading
     })
   }, children)), iconRightName && /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconRightName,
-    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+    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],
     size: size === 'medium' ? 'medium' : 'small',
     type: iconRightType,
     className: (0, _classify.classify)({
@@ -181,4 +197,6 @@ 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';

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

@@ -0,0 +1,3 @@
+export type { ButtonActionType, ButtonProps, ButtonSize, ButtonType, UnstyledButtonProps } from './Button';
+export { Button, BUTTON_ACTION_TYPE, BUTTON_SIZE, BUTTON_TYPES, UnstyledButton, } from './Button';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAC,MAAM,UAAU,CAAC;AACzG,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,cAAc,GACf,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { ClickAwayRefType } from '../../utils/click-away';
+import type { ButtonProps } from '../Button';
+import type { MenuOption, MenuProps } from '../Menu';
+import type { BaseTooltipProps, ElevationType } from '../Tooltip';
+export declare const ANCHOR_POSITION_TYPE: Readonly<{
+    top: "top";
+    topStart: "top-start";
+    topEnd: "top-end";
+    bottom: "bottom";
+    bottomStart: "bottom-start";
+    bottomEnd: "bottom-end";
+}>;
+export declare const STRATEGY_TYPE: Readonly<{
+    absolute: "absolute";
+    fixed: "fixed";
+}>;
+export type AnchorType = typeof ANCHOR_POSITION_TYPE[keyof typeof ANCHOR_POSITION_TYPE];
+export type Strategy = typeof STRATEGY_TYPE[keyof typeof STRATEGY_TYPE];
+type ClassNames = Readonly<{
+    buttonWrapper?: string;
+    dropdownContainer?: string;
+    buttonIcon?: string;
+}>;
+export type ButtonDropdownProps = ((ButtonProps) & {
+    classNames?: ClassNames;
+    menu?: MenuProps;
+    positionStrategy?: Strategy;
+    anchorPosition?: AnchorType;
+    onOptionSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+    onMenuOpen?: () => unknown;
+    onMenuClose?: () => unknown;
+    tooltip?: BaseTooltipProps;
+    elevation?: ElevationType;
+    clickAwayRef?: ClickAwayRefType;
+});
+export declare const ButtonDropdown: Flow.AbstractComponent<ButtonDropdownProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=ButtonDropdown.d.ts.map

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

@@ -0,0 +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;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG9D,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,GAAG,OAAO,oBAAoB,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACxF,MAAM,MAAM,QAAQ,GAAG,OAAO,aAAa,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAExE,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,CAAC,CAAC,WAAW,CAAC,GAAG;IACjD,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,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,cAAc,CAwJrF,CAAC"}

package/lib/components/ButtonDropdown/ButtonDropdown.js

@@ -61,11 +61,15 @@ 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) {
@@ -102,7 +106,9 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
       iconRightName: children ? iconRightName || (isOpen ? 'caret-up' : 'caret-down') : iconRightName,
       iconRightType: iconRightType,
       disabled: disabled,
-      size: size,
+      size: size
+      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
+      ,
       ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
       onClick: e => {
         onClick?.(e);
@@ -116,10 +122,14 @@ 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,
+      context: context
+      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
+      ,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
-      className: _ButtonDropdownModule.default.menuWrapper,
+      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; }'.
+      ,
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       style: {
         display: 'flex',

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

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { MenuClassNames, MenuLabelTooltip } from '../../types/menu';
+import type { ClickAwayRefType } from '../../utils/click-away';
+import type { ButtonProps } from '../Button';
+import type { MenuOption, MenuOptionsVariant, Virtualization } from '../Menu';
+import type { BaseTooltipProps, ElevationType } from '../Tooltip';
+import type { AnchorType } from './ButtonDropdown';
+type ClassNames = Readonly<{
+    buttonWrapper?: string;
+    dropdownContainer?: string;
+    buttonIcon?: string;
+}>;
+export type SimpleButtonDropdownRef = {
+    selectedKeys?: Array<string>;
+};
+export type SimpleButtonDropdownProps = (// Input props
+(ButtonProps) & {
+    elevation?: ElevationType;
+    classNames?: ClassNames;
+    anchorPosition?: AnchorType;
+    tooltip?: BaseTooltipProps;
+    options?: Array<MenuOption>;
+    optionsVariant?: MenuOptionsVariant;
+    allowSearch?: boolean;
+    selectedKeys?: Array<string>;
+    menuVirtualization?: Virtualization;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    menuClassNames?: MenuClassNames;
+    showLabelTooltip?: MenuLabelTooltip;
+    allowWrap?: boolean;
+    onOptionSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+    onMenuOpen?: () => unknown;
+    onMenuClose?: () => unknown;
+    resolveLabel?: (option: MenuOption) => string | React.ReactNode;
+    resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
+    clickAwayRef?: ClickAwayRefType;
+});
+export declare const SimpleButtonDropdown: Flow.AbstractComponent<SimpleButtonDropdownProps, SimpleButtonDropdownRef>;
+export {};
+//# sourceMappingURL=SimpleButtonDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleButtonDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/SimpleButtonDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAK7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAC5E,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAEhE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAIjD,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,uBAAuB,GAAG;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CACxC,AADyC,cAAc;AACvD,CAAC,WAAW,CAAC,GAAG;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,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;IAE5B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC,CAAC;AA8GH,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,EAAE,uBAAuB,CAAkG,CAAC"}

package/lib/components/ButtonDropdown/SimpleButtonDropdown.js

@@ -40,6 +40,7 @@ const SimpleButtonDropdownBase = (props, ref) => {
   React.useEffect(() => {
     const newBtnText = (0, _menu.getButtonLabelFromSelectedKeys)(selectedKeys, children);
     setButtonDropdownSelectedKeys(selectedKeys);
+    // @ts-ignore - TS2345 - Argument of type 'ReactNode' is not assignable to parameter of type 'SetStateAction<string>'.
     setBtnText(newBtnText);
   }, [selectedKeys]);
   const handleOptionChange = (selectedOption, e) => {
@@ -52,11 +53,14 @@ const SimpleButtonDropdownBase = (props, ref) => {
     }
     const newBtnText = (0, _menu.getButtonLabelFromSelectedKeys)(newSelectedKeys, children);
     setButtonDropdownSelectedKeys(newSelectedKeys);
+    // @ts-ignore - TS2345 - Argument of type 'ReactNode' is not assignable to parameter of type 'SetStateAction<string>'.
     setBtnText(newBtnText);
     setTimeout(() => {
       onOptionSelect?.(selectedOption, e);
     });
   };
+
+  // @ts-ignore - TS2345 - Argument of type '{ current: SimpleButtonDropdownRef | null; } | ((arg1: SimpleButtonDropdownRef | null) => unknown)' is not assignable to parameter of type 'Ref<SimpleButtonDropdownRef> | undefined'.
   React.useImperativeHandle(ref, () => ({
     selectedKeys: buttonDropdownSelectedKeys
   }));
@@ -88,4 +92,6 @@ const SimpleButtonDropdownBase = (props, ref) => {
     }
   }), optionsVariant === 'checkbox' ? btnText : children);
 };
+
+// @ts-ignore - TS2345 - Argument of type '(props: SimpleButtonDropdownProps, ref: { current: null | SimpleButtonDropdownRef; } | ((arg1: null | SimpleButtonDropdownRef) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<SimpleButtonDropdownProps, SimpleButtonDropdownRef>'.
 const SimpleButtonDropdown = exports.SimpleButtonDropdown = /*#__PURE__*/React.forwardRef(SimpleButtonDropdownBase);

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

@@ -0,0 +1,3 @@
+export * from './ButtonDropdown';
+export * from './SimpleButtonDropdown';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconType } from '../../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type ButtonTabProps = {
+    classNames?: ClassNames;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    onButtonTabSelect?: ((id: string, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown) | null | undefined;
+    iconName?: string;
+    iconType?: IconType;
+    size?: 'medium' | 'small';
+    isFluid?: boolean;
+    ariaLabel?: string;
+    id: string;
+    selectedButtonTabId?: string;
+    isLoading?: boolean;
+    isLeftCurved?: boolean;
+    isRightCurved?: boolean;
+};
+export declare const ButtonTab: Flow.AbstractComponent<ButtonTabProps, HTMLButtonElement>;
+export {};
+//# sourceMappingURL=ButtonTab.d.ts.map

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonTabs/ButtonTab/ButtonTab.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,YAAY,CAAC;AAKzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3H,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CA2CrE,CAAC"}

package/lib/components/ButtonTabs/ButtonTab/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ButtonTab';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ButtonTabs/ButtonTab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonTabs/ButtonTab/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}