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

package/lib/components/FileUpload/FileBlock/FileBlock.d.ts

@@ -3,13 +3,13 @@ import type { FileObject } from '../FileUpload';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type FileBlockProps = {
+export interface FileBlockProps {
     classNames?: ClassNames;
     fileObject: FileObject;
     onFileRefreshClick?: (file: FileObject) => unknown;
     handleFileClear?: (id: string) => unknown;
     showRemoveFile?: boolean;
-};
+}
 export declare const FileBlock: Flow.AbstractComponent<FileBlockProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=FileBlock.d.ts.map

package/lib/components/FileUpload/FileBlock/FileBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUpload/FileBlock/FileBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAK9C,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,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA6E1E,CAAC"}
+{"version":3,"file":"FileBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUpload/FileBlock/FileBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAK9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA6E1E,CAAC"}

package/lib/components/FileUpload/FileUpload.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';
 type ClassNames = Readonly<{
     wrapper?: string;
     instruction?: string;
@@ -9,7 +8,7 @@ type ClassNames = Readonly<{
     files?: string;
 }>;
 export type FileProgress = number | 'indeterminate';
-export type FileObject = {
+export interface FileObject {
     file: File;
     id: string;
     reject?: boolean;
@@ -18,15 +17,16 @@ export type FileObject = {
     success?: boolean;
     successMessage?: string;
     showReUpload?: boolean;
-};
-export type FileError = {
+    [key: string]: unknown;
+}
+export interface FileError {
     code: string;
-};
-export type FileRejection = {
+}
+export interface FileRejection {
     errors: Array<FileError>;
     file: File;
-};
-export type FileUploadRef = {
+}
+export interface FileUploadRef {
     moveFileToProgress: (id: string, progress: FileProgress) => unknown;
     moveFileToSuccess: (id: string, successMessage?: string) => unknown;
     moveFileToReject: (id: string, rejectReason?: string) => unknown;
@@ -35,20 +35,21 @@ export type FileUploadRef = {
     validFiles: Array<FileObject>;
     rejectedFiles: Array<FileObject>;
     files: Array<FileObject>;
-};
-export type FileUploadBaseProps = {
+}
+export interface FileUploadBaseProps {
     maxFiles?: number;
     maxSize?: number;
     accept?: {
         [key: string]: string[];
     };
     disabled?: boolean;
+    error?: boolean;
     onValidFilesDrop?: (acceptedFiles: Array<FileObject>) => unknown;
     onRejectedFilesDrop?: (fileRejections: Array<FileObject>) => unknown;
     onFileClear?: (id: string) => unknown;
     onClear?: () => unknown;
-};
-export type FileUploadProps = Over<FileUploadBaseProps, {
+}
+export interface FileUploadProps extends Omit<FileUploadBaseProps, 'classNames' | 'label' | 'instruction' | 'draggingInstruction' | 'secondaryInstruction' | 'required' | 'handleFileDeletionExternally' | 'onFileRefreshClick'> {
     classNames?: ClassNames;
     label?: React.ReactNode;
     instruction?: React.ReactNode;
@@ -57,7 +58,7 @@ export type FileUploadProps = Over<FileUploadBaseProps, {
     required?: boolean;
     handleFileDeletionExternally?: boolean;
     onFileRefreshClick?: (file: FileObject) => unknown;
-}>;
+}
 export declare const FileUpload: Flow.AbstractComponent<FileUploadProps, FileUploadRef>;
 export {};
 //# sourceMappingURL=FileUpload.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAcrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,eAAe,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAGD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC;CACZ;AAGD,MAAM,WAAW,aAAa;IAC5B,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,KAAK,OAAO,CAAC;IACpE,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACpE,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACjE,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC;IACjE,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC9B,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B;AAGD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,OAAO,CAAC;IACjE,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,OAAO,CAAC;IACrE,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,mBAAmB,EACjB,YAAY,GACZ,OAAO,GACP,aAAa,GACb,qBAAqB,GACrB,sBAAsB,GACtB,UAAU,GACV,8BAA8B,GAC9B,oBAAoB,CACvB;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;CACpD;AAuHD,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,aAAa,CACqD,CAAC"}

package/lib/components/FileUpload/FileUpload.js

@@ -29,7 +29,6 @@ const FileUploadBase = (props, ref) => {
     disabled = false,
     instruction = 'Drag and drop or click to upload',
     draggingInstruction = 'Drop here to start uploading..',
-    // @ts-ignore - TS2339 - Property 'error' does not exist on type 'FileUploadProps'.
     error = false,
     required = false,
     secondaryInstruction = '',
@@ -67,7 +66,7 @@ const FileUploadBase = (props, ref) => {
   });
 
   // Expose file upload actions to parent component
-  // @ts-ignore - TS2345 - Argument of type '{ current: FileUploadRef | null; } | ((arg1: FileUploadRef | null) => unknown)' is not assignable to parameter of type 'Ref<FileUploadRef> | undefined'.
+
   React.useImperativeHandle(ref, () => ({
     moveFileToProgress,
     moveFileToSuccess,
@@ -112,8 +111,4 @@ const FileUploadBase = (props, ref) => {
     }
   })))));
 };
-
-// @ts-ignore - TS2322 - Type 'ForwardRefExoticComponent<FileUploadRef & RefAttributes<FileUploadProps>>' is not assignable to type 'AbstractComponent<FileUploadProps, FileUploadRef>'. | TS2345 - Argument of type '(props: FileUploadProps, ref: { current: null | FileUploadRef; } | ((arg1: null | FileUploadRef) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<FileUploadProps, FileUploadRef>'.
-const FileUpload = exports.FileUpload = /*#__PURE__*/React.forwardRef(
-//@ts-expect-error
-FileUploadBase);
+const FileUpload = exports.FileUpload = /*#__PURE__*/React.forwardRef(FileUploadBase);

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

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import type { FileUploadProps } from './';
+import type { FileUploadRef } from './FileUpload';
 declare const _default: {
     tags: string[];
     title: string;
-    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<FileUploadProps, import("./FileUpload").FileUploadRef>;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<FileUploadProps, FileUploadRef>;
     argTypes: {
         classNames: {
             description: string;

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOxC,wBAyTE;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW;WAAU,eAAe;;;;;;;;;;CAiChD,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,UAAU;WAAU,eAAe;;;;;;;;;;CAgC/C,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB;WAAU,eAAe;;;;;;;;;;CAwD9D,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,aAAa;WAAU,eAAe;;;;;;;;;;CAmDlD,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;WAAU,eAAe;;;;;;;;;;CA6C/D,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;WAAU,eAAe;;;;;;CA2D7D,CAAC;AAQF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;WAAU,eAAe;;;;;;;CAmD3D,CAAC;AASF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;WAAU,eAAe;;;;;;;CAgErD,CAAC"}
+{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,IAAI,CAAC;AACxC,OAAO,KAAK,EAAa,aAAa,EAAC,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM5D,wBAyTE;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW;WAAU,eAAe;;;;;;;;;;CA8BhD,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,UAAU;WAAU,eAAe;;;;;;;;;;CA6B/C,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB;WAAU,eAAe;;;;;;;;;;CAoD9D,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,aAAa;WAAU,eAAe;;;;;;;;;;CA+ClD,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;WAAU,eAAe;;;;;;;;;;CAwC/D,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;WAAU,eAAe;;;;;;CAsD7D,CAAC;AAQF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;WAAU,eAAe;;;;;;;CA+C3D,CAAC;AASF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;WAAU,eAAe;;;;;;;CA2DrD,CAAC"}

package/lib/components/FilterButtonOverlay/FilterButtonOverlay.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';
 import type { ButtonProps, ButtonSize } from '../Button';
 import type { AnchorType, Strategy } from '../ButtonDropdown';
@@ -13,19 +12,19 @@ export type FilterButtonOverlaySizeTypes = 'medium' | 'small';
 export type NewButtonProps = Flow.Diff<ButtonProps, {
     children?: React.ReactNode;
 }>;
-export type FilterButtonOverlayProps = Over<NewButtonProps, {
+export interface FilterButtonOverlayProps extends Omit<NewButtonProps, 'classNames' | 'children' | 'positionStrategy' | 'anchorPosition' | 'clickAwayRef' | 'isFluid' | 'size' | 'buttonLabel' | 'buttonSize' | 'elevation' | 'buttonIsFluid'> {
     classNames?: ClassNames;
     children: React.ReactNode;
     positionStrategy?: Strategy;
     anchorPosition?: AnchorType;
-    clickAwayRef?: ClickAwayRefType;
+    clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
     isFluid?: boolean;
     size?: FilterButtonOverlaySizeTypes;
     buttonLabel?: React.ReactNode;
     buttonSize?: ButtonSize;
     elevation?: ElevationType;
     buttonIsFluid?: boolean;
-}>;
+}
 export declare const FilterButtonOverlay: Flow.AbstractComponent<FilterButtonOverlayProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=FilterButtonOverlay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterButtonOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/FilterButtonOverlay/FilterButtonOverlay.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;AAC5C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAGlD,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AAEvD,OAAO,KAAK,EAAC,UAAU,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAM9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AACH,MAAM,MAAM,4BAA4B,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CACpC,WAAW,EACX;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,cAAc,EACd;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,4BAA4B,CAAC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CACF,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,CACtD,wBAAwB,EACxB,cAAc,CAiHf,CAAC"}
+{"version":3,"file":"FilterButtonOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/FilterButtonOverlay/FilterButtonOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAGlD,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AAEvD,OAAO,KAAK,EAAC,UAAU,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAM9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH,MAAM,MAAM,4BAA4B,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CACpC,WAAW,EACX;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,IAAI,CACV,cAAc,EACZ,YAAY,GACZ,UAAU,GACV,kBAAkB,GAClB,gBAAgB,GAChB,cAAc,GACd,SAAS,GACT,MAAM,GACN,aAAa,GACb,YAAY,GACZ,WAAW,GACX,eAAe,CAClB;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,4BAA4B,CAAC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,CACtD,wBAAwB,EACxB,cAAc,CA6Gf,CAAC"}

package/lib/components/FilterButtonOverlay/FilterButtonOverlay.js

@@ -40,15 +40,11 @@ const FilterButtonOverlay = exports.FilterButtonOverlay = /*#__PURE__*/React.for
     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);
   return /*#__PURE__*/React.createElement(_utils.ClickAway, {
     clickAwayRef: clickAwayRef,
@@ -68,7 +64,6 @@ const FilterButtonOverlay = exports.FilterButtonOverlay = /*#__PURE__*/React.for
       }, classNames?.wrapper),
       ref: ref
     }, /*#__PURE__*/React.createElement(_Button.Button, _extends({}, restProps, {
-      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
       ref: (0, _utils.mergeRefs)([refs.setReference, triggerRef]),
       onClick: e => {
         e.stopPropagation();
@@ -78,12 +73,9 @@ const FilterButtonOverlay = exports.FilterButtonOverlay = /*#__PURE__*/React.for
       size: buttonSize
     }), buttonLabel), isOpen && /*#__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", {
-      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
       ref: (0, _utils.mergeRefs)([refs.setFloating, boundaryRef]),
       className: _FilterButtonOverlayModule.default.overlayContainer,
       style: {

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

@@ -1 +1 @@
-{"version":3,"file":"FilterButtonOverlay.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FilterButtonOverlay/FilterButtonOverlay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBjD,wBAwPE;AAYF,eAAO,MAAM,oBAAoB;WAAU,wBAAwB;;;;;;;;;;CAQlE,CAAC;AAYF,eAAO,MAAM,iCAAiC;WACtC,wBAAwB;;;;;;;;;;CAiC/B,CAAC"}
+{"version":3,"file":"FilterButtonOverlay.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FilterButtonOverlay/FilterButtonOverlay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBjD,wBAwPE;AAYF,eAAO,MAAM,oBAAoB;WAAU,wBAAwB;;;;;;;;;;CAQlE,CAAC;AAYF,eAAO,MAAM,iCAAiC;WACtC,wBAAwB;;;;;;;;;;CA+B/B,CAAC"}

package/lib/components/FocusManager/FocusManager.d.ts

@@ -2,14 +2,14 @@ import * as React from 'react';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type FocusManagerProps = {
+export interface FocusManagerProps {
     classNames?: ClassNames;
     children?: React.ReactNode;
     initialFocus?: number;
     returnFocus?: boolean;
     guards?: boolean;
     modal?: boolean;
-};
+}
 export declare const FocusManager: (props: FocusManagerProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=FocusManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FocusManager.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManager/FocusManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBA8BpD,CAAC"}
+{"version":3,"file":"FocusManager.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManager/FocusManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBA8BpD,CAAC"}

package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../types/utils';
 import type { FocusManagerProps } from '../FocusManager';
-export type SkipElementFromNavigationProps = {
+export interface SkipElementFromNavigationProps {
     children: React.ReactNode;
     className?: string;
-};
+}
 export declare const SkipElementFromNavigation: Flow.AbstractComponent<SkipElementFromNavigationProps, HTMLDivElement>;
-export type FocusManagerWithArrowKeyNavigationProps = Over<FocusManagerProps, {
+export interface FocusManagerWithArrowKeyNavigationProps extends Omit<FocusManagerProps, 'cols' | 'orientation' | 'focusItemOnOpen' | 'loop' | 'listReference'> {
     cols?: number;
     orientation?: 'horizontal' | 'vertical';
     focusItemOnOpen?: 'auto' | boolean;
@@ -15,6 +14,6 @@ export type FocusManagerWithArrowKeyNavigationProps = Over<FocusManagerProps, {
     listReference?: {
         current: Array<HTMLElement>;
     };
-}>;
+}
 export declare const FocusManagerWithArrowKeyNavigation: (props: FocusManagerWithArrowKeyNavigationProps) => React.JSX.Element;
 //# sourceMappingURL=FocusManagerWithArrowKeyNavigation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FocusManagerWithArrowKeyNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAOvD,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,IAAI,CAAC,iBAAiB,CAC5D,8BAA8B,EAC9B,cAAc,CAUf,CAAC;AAIF,MAAM,MAAM,uCAAuC,GAAG,IAAI,CACxD,iBAAiB,EACjB;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;KAC7B,CAAC;CACH,CACF,CAAC;AAEF,eAAO,MAAM,kCAAkC,GAC7C,OAAO,uCAAuC,sBA8G/C,CAAC"}
+{"version":3,"file":"FocusManagerWithArrowKeyNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAOvD,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,EAAE,IAAI,CAAC,iBAAiB,CAC5D,8BAA8B,EAC9B,cAAc,CAUf,CAAC;AAIF,MAAM,WAAW,uCACf,SAAQ,IAAI,CACV,iBAAiB,EACjB,MAAM,GAAG,aAAa,GAAG,iBAAiB,GAAG,MAAM,GAAG,eAAe,CACtE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;KAC7B,CAAC;CACH;AAgBD,eAAO,MAAM,kCAAkC,GAC7C,OAAO,uCAAuC,sBAwH/C,CAAC"}

package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.js

@@ -25,6 +25,11 @@ const SkipElementFromNavigation = exports.SkipElementFromNavigation = /*#__PURE_
   }), children);
 });
 SkipElementFromNavigation.displayName = SKIP_ELEMENT_DISPLAY_NAME;
+
+// Type for React elements with onClick handler
+
+// Type for React elements that might be SkipElementFromNavigation
+
 const FocusManagerWithArrowKeyNavigation = props => {
   const {
     classNames,
@@ -50,12 +55,11 @@ const FocusManagerWithArrowKeyNavigation = props => {
 
   // Note(Nishant): This is to correctly call the onClick handler which could have been on child
   // we also need to set the active index correctly on click for list navigation to work
-  // @ts-ignore - TS7019 - Rest parameter 'args' implicitly has an 'any[]' type.
   const childOnClickPassthrough = function (childOnClickHandler, index) {
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
     if (childOnClickHandler) {
-      for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-        args[_key - 2] = arguments[_key];
-      }
       childOnClickHandler(...args);
     }
     setActiveIndex(index);
@@ -78,32 +82,32 @@ const FocusManagerWithArrowKeyNavigation = props => {
 
   let skippedChildrenCount = 0;
   const clonedChildren = listReference ? children : childrenArray.map((child, index) => {
-    // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
+    // Type guard to ensure child is a ReactElement
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return child;
+    }
+
+    // Type assertion for React element with onClick
+    const elementWithOnClick = child;
     const {
       onClick: childClickHandler
-    } = child.props;
+    } = elementWithOnClick.props;
     let adjustedIndex = index - skippedChildrenCount;
 
-    // @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 === SKIP_ELEMENT_DISPLAY_NAME) {
+    // Check if this is a SkipElementFromNavigation by checking displayName
+    const elementWithDisplayName = child;
+    if (elementWithDisplayName?.type?.displayName === SKIP_ELEMENT_DISPLAY_NAME) {
       skippedChildrenCount++;
-      // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'number'.
       adjustedIndex = null;
     }
-
-    // @ts-ignore - TS2769 - No overload matches this call.
-    return /*#__PURE__*/React.cloneElement(child, {
-      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
-      ...child.props,
+    return /*#__PURE__*/React.cloneElement(elementWithOnClick, {
+      ...elementWithOnClick.props,
       tabIndex: activeIndex === index ? 0 : -1,
-      // @ts-ignore - TS7006 - Parameter 'node' implicitly has an 'any' type.
       ref: node => {
         if (adjustedIndex !== null) {
-          // @ts-ignore - TS2322 - Type 'any' is not assignable to type 'never'.
           listRef.current[adjustedIndex] = node;
         }
       },
-      // @ts-ignore - TS7019 - Rest parameter 'args' implicitly has an 'any[]' type.
       onClick: function () {
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];

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

@@ -1 +1 @@
-{"version":3,"file":"FocusManagerWithArrowKeyNavigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,uCAAuC,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAShE,wBAuIE;AAEF,eAAO,MAAM,+BAA+B;WACpC,uCAAuC;;;;;CA2F9C,CAAC;AAOF,eAAO,MAAM,kDAAkD,yBAkG9D,CAAC;AAEF,eAAO,MAAM,+BAA+B,yBAyB3C,CAAC;AAEF,eAAO,MAAM,iDAAiD;WACtD,uCAAuC;;;;;;;CAgK9C,CAAC"}
+{"version":3,"file":"FocusManagerWithArrowKeyNavigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,uCAAuC,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAShE,wBAuIE;AAEF,eAAO,MAAM,+BAA+B;WACpC,uCAAuC;;;;;CA2F9C,CAAC;AAOF,eAAO,MAAM,kDAAkD,yBA6F9D,CAAC;AAEF,eAAO,MAAM,+BAA+B,yBAyB3C,CAAC;AAEF,eAAO,MAAM,iDAAiD;WACtD,uCAAuC;;;;;;;CAmJ9C,CAAC"}

package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts

@@ -7,7 +7,7 @@ type ClassNames = Readonly<{
     title?: string;
     rightSlot?: string;
 }>;
-export type FormTitleWrapperProps = {
+export interface FormTitleWrapperProps {
     classNames?: ClassNames;
     iconType?: IconType;
     iconName?: string;
@@ -15,7 +15,7 @@ export type FormTitleWrapperProps = {
     iconColor?: ColorTypes;
     title: React.ReactNode;
     rightSlot?: React.ReactNode;
-};
+}
 export declare const FormTitleWrapper: Flow.AbstractComponent<FormTitleWrapperProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=FormTitleWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormTitleWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/FormTitleWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAEvD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAMhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CACnD,qBAAqB,EACrB,cAAc,CAqCf,CAAC"}
+{"version":3,"file":"FormTitleWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/FormTitleWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAEvD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAMhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CACnD,qBAAqB,EACrB,cAAc,CAqCf,CAAC"}

package/lib/components/Grid/Col.stories.d.ts

@@ -3,7 +3,7 @@ import type { ColProps } from './Grid';
 declare const _default: {
     tags: string[];
     title: string;
-    component: ((({ className, children, span, gridType, repeatTracks, }: import("./Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element))[];
+    component: ((({ className, children, gridType, repeatTracks, }: import("./Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element))[];
     argTypes: {
         className: {
             description: string;

package/lib/components/Grid/Grid.d.ts

@@ -1,20 +1,20 @@
 import * as React from 'react';
-export type RowProps = {
+export interface RowProps {
     className?: string;
     children?: React.ReactNode;
     span?: number;
     offset?: number;
     gridType?: 'small' | 'medium' | 'large' | 'autoFill' | 'autoFit';
     repeatTracks?: string;
-};
-export declare const Row: ({ className, children, span, gridType, repeatTracks, }: RowProps) => React.JSX.Element;
-export type ColProps = {
+}
+export declare const Row: ({ className, children, gridType, repeatTracks, }: RowProps) => React.JSX.Element;
+export interface ColProps {
     className?: string;
     children?: React.ReactNode;
     span?: number;
     offset?: number;
-    gridColumnStart?: number;
-    gridColumnEnd?: number;
-};
+    gridColumnStart?: number | string;
+    gridColumnEnd?: number | string;
+}
 export declare const Col: ({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element;
 //# sourceMappingURL=Grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAUF,eAAO,MAAM,GAAG,GAAI,wDAOjB,QAAQ,sBAyDV,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,0DAKjB,QAAQ,sBAYV,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAUD,eAAO,MAAM,GAAG,GAAI,kDAKjB,QAAQ,sBA0DV,CAAC;AAEF,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,GAAG,GAAI,0DAKjB,QAAQ,sBAUV,CAAC"}

package/lib/components/Grid/Grid.js

@@ -20,8 +20,6 @@ const Row = _ref => {
   let {
     className,
     children,
-    // @ts-ignore - TS6133 - 'span' is declared but its value is never read.
-    span = 1,
     gridType = 'medium',
     repeatTracks = '1fr'
   } = _ref;
@@ -30,7 +28,6 @@ const Row = _ref => {
   let lastChildColCount = 0;
   const childrenWithProps = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
-      // @ts-ignore - TS2339 - Property 'span' does not exist on type 'unknown'. | TS2339 - Property 'offset' does not exist on type 'unknown'.
       const {
         span = 1,
         offset = 0
@@ -45,21 +42,18 @@ const Row = _ref => {
       }
       lastChildColCount = columnSpanCount;
       columnSpanCount = lastChildColCount + offset + span;
-      let gridColumnStart = 0,
-        // @ts-ignore - TS6133 - 'gridColumnEnd' is declared but its value is never read.
-        gridColumnEnd = 0;
+      let gridColumnStart = 0;
+      // const gridColumnEnd: number | string = 0;
+
       if (gridType === 'autoFill' || gridType === 'autoFit') {
-        // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'number'.
         gridColumnStart = 'auto';
         return /*#__PURE__*/React.cloneElement(child, {
-          // @ts-ignore - TS2769 - No overload matches this call.
           gridColumnStart,
           gridColumnEnd: `span ${span}`
         });
       } else if (typeof gridRepeatCount === 'number' && columnSpanCount <= gridRepeatCount) {
         gridColumnStart = lastChildColCount + offset + 1;
         return /*#__PURE__*/React.cloneElement(child, {
-          // @ts-ignore - TS2769 - No overload matches this call.
           gridColumnStart,
           gridColumnEnd: `span ${span}`
         });
@@ -67,6 +61,7 @@ const Row = _ref => {
         console.error(`number of column exceed ${gridRepeatCount}`);
       }
     }
+    return child;
   });
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "Grid",
@@ -88,10 +83,8 @@ const Col = _ref2 => {
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.classify)(_GridModule.default.gridColumn, className),
     style: {
-      // @ts-ignore - TS2322 - Type 'number | undefined' is not assignable to type 'string | number'.
-      '--grid-column-start': gridColumnStart,
-      // @ts-ignore - TS2322 - Type 'number | undefined' is not assignable to type 'string | number'.
-      '--grid-column-end': gridColumnEnd
+      '--grid-column-start': gridColumnStart || 0,
+      '--grid-column-end': gridColumnEnd || 0
     }
   }, children);
 };

package/lib/components/Grid/GridPatterns.stories.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 declare const _default: {
     tags: string[];
     title: string;
-    component: ((({ className, children, span, gridType, repeatTracks, }: import("./Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: import("./Grid").ColProps) => React.JSX.Element))[];
+    component: ((({ className, children, gridType, repeatTracks, }: import("./Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: import("./Grid").ColProps) => React.JSX.Element))[];
     parameters: {
         docs: {
             subtitle: string;

package/lib/components/Grid/GridPatterns.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridPatterns.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/GridPatterns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AAa/B,wBA2LE;AAuFF,eAAO,MAAM,SAAS,yBAErB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAgF7B,CAAC"}
+{"version":3,"file":"GridPatterns.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/GridPatterns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AAmC/B,wBA2LE;AAuFF,eAAO,MAAM,SAAS,yBAErB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBA+E7B,CAAC"}

package/lib/components/Grid/Row.stories.d.ts

@@ -3,7 +3,7 @@ import type { RowProps } from './Grid';
 declare const _default: {
     tags: string[];
     title: string;
-    component: (({ className, children, span, gridType, repeatTracks, }: RowProps) => React.JSX.Element)[];
+    component: (({ className, children, gridType, repeatTracks, }: RowProps) => React.JSX.Element)[];
     argTypes: {
         className: {
             description: string;

package/lib/components/Icon/ClickableIcon.d.ts

@@ -1,27 +1,27 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
 import type { ColorTypes } from '../../types/typography';
-import type { Over } from '../../types/utils';
 import type { IconProps, IconSize, IconType } from './';
 type ClassNames = Readonly<{
     icon?: string;
     button?: string;
 }>;
-export type ClickableIconProps = Over<IconProps, {
+export interface ClickableIconProps extends Omit<IconProps, 'disabled' | 'classNames' | 'onClick'> {
     disabled?: boolean;
     classNames?: ClassNames;
-}>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
 export declare const ClickableIcon: Flow.AbstractComponent<ClickableIconProps, HTMLButtonElement>;
-export type CloseIconProps = {
+export interface CloseIconProps {
     size?: IconSize;
     type?: IconType;
     color?: ColorTypes;
-    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     className?: string;
     ariaLabel?: string;
     disabled?: boolean;
     classNames?: ClassNames;
-};
+}
 export declare const CloseIcon: Flow.AbstractComponent<CloseIconProps, HTMLButtonElement>;
 export {};
 //# sourceMappingURL=ClickableIcon.d.ts.map

package/lib/components/Icon/ClickableIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClickableIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/ClickableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAK5C,OAAO,KAAK,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,MAAM,IAAI,CAAC;AAMtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,SAAS,EACT;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,iBAAiB,CAmDlB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,iBAAiB,CAoBlB,CAAC"}
+{"version":3,"file":"ClickableIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/ClickableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAKvD,OAAO,KAAK,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,MAAM,IAAI,CAAC;AAMtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,iBAAiB,CAmDlB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,iBAAiB,CAoBlB,CAAC"}

package/lib/components/Icon/ClickableIcon.js

@@ -27,7 +27,7 @@ const ClickableIcon = exports.ClickableIcon = /*#__PURE__*/React.forwardRef((_re
   const onKeyDownHandler = e => {
     if (e.key === 'Enter') {
       e.preventDefault();
-      onClick && onClick(e);
+      onClick?.(e);
     }
   };
   return /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({}, props, {