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

package/lib/components/Timeline/TimelineItem/TimelineItem.js

@@ -19,6 +19,7 @@ const TimelineItem_ = (_ref, ref) => {
     id,
     title,
     iconName,
+    // @ts-ignore - TS2322 - Type 'string' is not assignable to type '"regular" | "solid" | "duotone" | "brands"'.
     iconType = _Icon.ICON_TYPE.solid,
     children,
     iconColor = _typography.TEXT_COLORS.information,
@@ -35,7 +36,9 @@ const TimelineItem_ = (_ref, ref) => {
     className: (0, _classify.classify)(_TimelineModule.default.timelineItemWrapper, classNames?.wrapper),
     style: {
       '--align': orientation === 'left' ? 'flex-start' : 'flex-end'
-    },
+    }
+    // @ts-ignore - TS2322 - Type '{ current: HTMLDivElement | null; } | ((arg1: HTMLDivElement | null) => unknown)' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
+    ,
     ref: ref
   }, parentComponent, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -46,7 +49,9 @@ const TimelineItem_ = (_ref, ref) => {
     className: _TimelineModule.default.timelineItemIconWrapper
   }, /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconName,
-    type: iconType,
+    type: iconType
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     size: _Icon.ICON_SIZE.small,
     color: iconColor,
     className: (0, _classify.classify)(_TimelineModule.default.timelineItemIcon, classNames?.icon)
@@ -73,4 +78,6 @@ const TimelineItem_ = (_ref, ref) => {
     }, children)
   }, children))));
 };
+
+// @ts-ignore - TS2345 - Argument of type '({ id, title, iconName, iconType, children, iconColor, classNames, description, orientation, parentComponent, enableCardWrapper, }: TimelineItemProps, ref: { current: null | HTMLDivElement; } | ((arg1: null | HTMLDivElement) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<HTMLDivElement, TimelineItemProps>'.
 const TimelineItem = exports.TimelineItem = /*#__PURE__*/React.forwardRef(TimelineItem_);

package/lib/components/Timeline/TimelineItem/index.d.ts

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

package/lib/components/Timeline/TimelineItem/index.d.ts.map

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

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

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

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

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

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

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    time?: string;
+}>;
+export declare const TOAST_SEMANTIC: Readonly<{
+    success: "success";
+    information: "information";
+    warning: "warning";
+    danger: "danger";
+    primary: "primary";
+}>;
+export type ToastSemanticType = typeof TOAST_SEMANTIC[keyof typeof TOAST_SEMANTIC];
+export type ToastProps = {
+    classNames?: ClassNames;
+    children?: React.ReactNode;
+    time?: string;
+    semantic?: ToastSemanticType;
+    onClose?: () => void;
+    initialFocus?: number;
+    customIcon?: React.ReactNode;
+    hideCloseIcon?: boolean;
+};
+export type ToastTitleProps = {
+    children?: React.ReactNode;
+    className?: string;
+    semantic?: ToastSemanticType;
+};
+export declare const ToastTitle: Flow.AbstractComponent<ToastTitleProps, HTMLDivElement>;
+export type ToastBodyProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare const ToastBody: Flow.AbstractComponent<ToastBodyProps, HTMLDivElement>;
+export type ToastFooterProps = {
+    children?: React.ReactNode;
+    onClose?: () => void;
+};
+export declare const ToastFooter: {
+    ({ children, onClose, }: ToastFooterProps): React.JSX.Element | null;
+    displayName: string;
+};
+export declare const Toast: ({ classNames, children, time, semantic, onClose, initialFocus, customIcon, hideCloseIcon, }: ToastProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,OAAO,cAAc,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEnF,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AA4DF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC,eAAe,EAAE,cAAc,CAevE,CAAC;AAIT,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CASrE,CAAC;AAIT,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW;6BAInB,gBAAgB;;CAwCpB,CAAC;AAIF,eAAO,MAAM,KAAK,GAChB,6FASG,UAAU,sBAyDd,CAAC"}

package/lib/components/Toast/Toast.js

@@ -66,6 +66,7 @@ const ToastIcon = _ref => {
 const ToastTitle = exports.ToastTitle = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     children,
+    // @ts-ignore
     semantic = '',
     className,
     ...props
@@ -99,6 +100,7 @@ const ToastFooter = _ref4 => {
   const footerActions = React.Children.map(children, (child, index) => {
     const isLast = index === arrayChildren.length - 1;
     if (/*#__PURE__*/React.isValidElement(child)) {
+      // @ts-ignore - TS2339 - Property 'onClick' does not exist on type 'unknown'.
       const {
         onClick
       } = child.props;
@@ -106,17 +108,22 @@ const ToastFooter = _ref4 => {
         onClose && onClose();
         onClick && onClick(e);
       };
+
+      // @ts-ignore - TS2339 - Property 'displayName' does not exist on type 'string | JSXElementConstructor<any>'.
       if (child?.type?.displayName === 'Button' && isLast) {
         return /*#__PURE__*/React.cloneElement(child, {
           size: 'small',
           type: 'primary',
+          // @ts-ignore - TS2698 - Spread types may only be created from object types.
           ...child.props,
           onClick: buttonClickHandler
         });
+        // @ts-ignore - TS2339 - Property 'displayName' does not exist on type 'string | JSXElementConstructor<any>'.
       } else if (child?.type?.displayName === 'Button') {
         return /*#__PURE__*/React.cloneElement(child, {
           size: 'small',
           type: 'tertiary',
+          // @ts-ignore - TS2698 - Spread types may only be created from object types.
           ...child.props,
           onClick: buttonClickHandler
         });
@@ -152,7 +159,9 @@ const Toast = _ref5 => {
     if (childrenArray.length) {
       const nodes = [];
       for (const child of childrenArray) {
+        // @ts-ignore - TS2339 - Property 'type' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
         if (child?.type?.displayName === comp) {
+          // @ts-ignore - TS2769 - No overload matches this call.
           nodes.push(/*#__PURE__*/React.cloneElement(child, {
             semantic
           }));
@@ -163,7 +172,7 @@ const Toast = _ref5 => {
     return null;
   };
   const footer = getComp('ToastFooter');
-  // $FlowFixMe
+  // @ts-ignore - TS2769 - No overload matches this call.
   const footerWithClose = footer ? /*#__PURE__*/React.cloneElement(footer, {
     onClose
   }) : null;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ToastContainer: () => null | React.ReactPortal;
+//# sourceMappingURL=ToastContainer.d.ts.map

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

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

package/lib/components/Toast/ToastContainer.js

@@ -12,7 +12,6 @@ var _ = require("./");
 var _ToastContainerModule = _interopRequireDefault(require("./ToastContainer.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// $FlowFixMe[untyped-import]
 const ADD = 'ADD';
 const REMOVE = 'REMOVE';
 const reducer = (state, action) => {
@@ -21,8 +20,7 @@ const reducer = (state, action) => {
     data
   } = action;
   if (type === ADD) {
-    if (/* $FlowIgnore */
-    state.filter(i => i.uniqueCode && i.uniqueCode === data.uniqueCode).length) {
+    if (state.filter(i => i.uniqueCode && i.uniqueCode === data.uniqueCode).length) {
       return state;
     }
     return [...state, data];
@@ -74,7 +72,6 @@ const ToastContainer = () => {
   }, []);
   const positionMaintainer = () => {
     const mapper = {};
-    /* $FlowIgnore */
     data.map(_ref => {
       let {
         position,
@@ -99,7 +96,7 @@ const ToastContainer = () => {
         } = _ref2;
         return (
           /*#__PURE__*/
-          // $FlowFixMe
+          // @ts-ignore - TS2769 - No overload matches this call.
           _react.default.cloneElement(content, {
             key: id,
             onClose: () => dispatch({

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

@@ -0,0 +1,23 @@
+import type { callbackFuncTypes, contentTypes, ToastOptions } from '../../types/toast';
+export declare const POSITIONS: {
+    readonly TOP_CENTER: "topCenter";
+    readonly TOP_LEFT: "topLeft";
+    readonly TOP_RIGHT: "topRight";
+    readonly BOTTOM_LEFT: "bottomLeft";
+    readonly BOTTOM_RIGHT: "bottomRight";
+    readonly BOTTOM_CENTER: "bottomCenter";
+};
+export declare const ACTIONS: {
+    readonly ADD: "ADD";
+    readonly REMOVE: "REMOVE";
+};
+export declare const toastManager: {
+    add(content: contentTypes, options?: ToastOptions): string;
+    remove(id: string): boolean;
+    subscribe(callback: callbackFuncTypes): void;
+};
+export declare const toastApi: {
+    readonly show: (content: contentTypes, options?: ToastOptions) => string;
+    readonly remove: (id: string) => boolean;
+};
+//# sourceMappingURL=ToastManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastManager.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAMrF,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAEX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAQX,eAAO,MAAM,YAAY,EAAE;IACzB,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC3D,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAyB3C,CAAC;AAEL,eAAO,MAAM,QAAQ;6BACH,YAAY,YAAY,YAAY,KAAG,MAAM;0BAChD,MAAM,KAAG,OAAO;CACrB,CAAC"}

package/lib/components/Toast/ToastManager.js

@@ -27,6 +27,7 @@ const defaultOptions = {
 const toastManager = exports.toastManager = (() => {
   let callbackFn;
   const manager = {
+    // @ts-ignore - TS2355 - A function whose declared type is neither 'void' nor 'any' must return a value.
     subscribe(callback) {
       callbackFn = callback;
     },

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

@@ -0,0 +1,5 @@
+export type { ToastProps, ToastSemanticType } from './Toast';
+export { Toast, TOAST_SEMANTIC, ToastBody, ToastFooter, ToastTitle, } from './Toast';
+export { ToastContainer } from './ToastContainer';
+export { toastApi, toastManager } from './ToastManager';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,UAAU,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC3D,OAAO,EACL,KAAK,EACL,cAAc,EACd,SAAS,EACT,WAAW,EACX,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+/**
+ * Note:
+ * Do not wrap Toggle in a label. For simplicity's sake, Toggle uses an
+ * internal label tag to handle click delegation to the hidden input, and
+ * nesting labels is a bad idea.
+ */
+type ClassNames = Readonly<{
+    wrapper?: string;
+    label?: string;
+}>;
+export type ToggleProps = {
+    name?: string;
+    classNames?: ClassNames;
+    children?: React.ReactNode;
+    checked?: boolean;
+    onChange?: (arg1: {
+        value: string;
+        checked: boolean;
+    }) => unknown;
+    disabled?: boolean;
+    focused?: boolean;
+    value?: string;
+    ariaLabel?: string;
+    labelPosition?: 'left' | 'right';
+};
+export declare const Toggle: Flow.AbstractComponent<ToggleProps, HTMLInputElement>;
+export {};
+//# sourceMappingURL=Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD;;;;;GAKG;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KAClB,KACE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,gBAAgB,CAkFrE,CAAC"}

package/lib/components/Toggle/Toggle.js

@@ -32,6 +32,7 @@ const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef((_ref, forwardRef)
     ...props
   } = _ref;
   const toggleInput = /*#__PURE__*/React.createRef();
+  // @ts-ignore - TS2322 - Type 'HTMLInputElement | null' is not assignable to type 'HTMLInputElement'.
   React.useImperativeHandle(forwardRef, () => toggleInput.current);
   const handleOnChange = () => {
     if (!disabled) {

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

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

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

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

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

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import type { ClickAwayRefType } from '../../utils/click-away/click-away';
+import type { InputProps } from '../Input';
+import type { BaseMenuProps } from '../Menu';
+import type { ElevationType } from '../Tooltip';
+import type { ResolveTokenValueProps } from './TokenValueChips';
+export declare const DEFAULT_LIMIT_VALUE = 100;
+type ClassNames = Readonly<{
+    wrapper?: string;
+    box?: string;
+    input?: string;
+}>;
+export type TokenListMenuOptionTypes<T> = {
+    options?: Array<T>;
+    groupTitleOptions?: Array<TokenGroupTitleOption<T>>;
+    resolveLabel?: (option: T) => string;
+};
+export type TokenGroupTitleOption<T> = {
+    groupTitle?: React.ReactNode;
+    options?: Array<T>;
+    showLineDivider?: boolean;
+};
+export type TokenListMenuProps<T> = ((BaseMenuProps) & (TokenListMenuOptionTypes<T>));
+export type Props<T> = {
+    classNames?: ClassNames;
+    clickAwayRef?: ClickAwayRefType;
+    disabled?: boolean;
+    error?: boolean;
+    errorText?: string;
+    focusOnMount?: boolean;
+    helperText?: string;
+    inputValue?: string;
+    inputPlaceholder?: string;
+    limit?: number;
+    isLoading?: boolean;
+    locked?: boolean;
+    onChange: (values: Array<T>) => unknown;
+    onInputBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => unknown;
+    onInputChange?: (value: string) => unknown;
+    onInputFocus?: (e: React.SyntheticEvent<HTMLInputElement>) => unknown;
+    placeholder?: string;
+    size?: 'medium' | 'small';
+    tabIndex?: number;
+    values: Array<T>;
+    menu?: TokenListMenuProps<T>;
+    onMenuOpen?: () => unknown;
+    onMenuClose?: () => unknown;
+    resolveTokenValue?: (arg1: ResolveTokenValueProps<T>) => React.ReactNode;
+    inputProps?: InputProps;
+    elevation?: ElevationType;
+};
+export declare function TokenListInput<T>(props: Props<T>): React.JSX.Element;
+export declare namespace TokenListInput {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=TokenListInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenListInput.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenListInput.tsx"],"names":[],"mappings":"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"}

package/lib/components/TokenListInput/TokenListInput.js

@@ -68,12 +68,17 @@ function TokenListInput(props) {
     context
   } = (0, _react2.useFloating)({
     open: true,
+    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Strategy | undefined'.
     strategy: _ButtonDropdown.STRATEGY_TYPE.absolute,
+    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
     placement: _ButtonDropdown.ANCHOR_POSITION_TYPE.bottomStart,
     whileElementsMounted: _react2.autoUpdate,
     middleware: [(0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
   });
+
+  // @ts-ignore - TS2554 - Expected 1 arguments, but got 0.
   const inputRef = React.useRef();
+  // @ts-ignore - TS2345 - Argument of type '(ReferenceType & ReferenceType) | null' is not assignable to parameter of type 'HTMLElement | null | undefined'.
   const dropdownWidth = (0, _hooks.useReferenceElementWidth)(refs.reference?.current);
   const onOpenToggle = isOpen => {
     if (isOpen) {
@@ -90,11 +95,12 @@ function TokenListInput(props) {
     }
   }, [focusOnMount]);
   const addValue = value => {
+    // @ts-ignore - TS2339 - Property 'disabled' does not exist on type 'T'.
     if (locked || !value || value.disabled) {
       return; // Prevent adding values when disabled or locked
     }
     onInputChange?.('');
-    // $FlowFixMe[incompatible-use] - token has key property
+    // @ts-ignore - TS2339 - Property 'key' does not exist on type 'T'. | TS2339 - Property 'key' does not exist on type 'T'.
     const existingToken = values.find(token => token.key === value.key);
     if (!existingToken) {
       onChange([...values, value]);
@@ -121,14 +127,14 @@ function TokenListInput(props) {
         event.preventDefault();
         let firstOption = null;
         if (menu?.options && menu.options.length > 0) {
-          //$FlowFixMe
+          // @ts-ignore - TS2345 - Argument of type 'T[]' is not assignable to parameter of type 'V[]'.
           firstOption = (0, _tokenListInput.getFirstOption)(menu.options);
         } else if (menu?.groupTitleOptions && menu.groupTitleOptions.length > 0) {
-          //$FlowFixMe
+          // @ts-ignore - TS2345 - Argument of type 'TokenGroupTitleOption<T>[]' is not assignable to parameter of type 'Group<V>[]'.
           firstOption = (0, _tokenListInput.getFirstOptionFromGroup)(menu.groupTitleOptions);
         }
         if (firstOption) {
-          //$FlowFixMe
+          // @ts-ignore - TS2345 - Argument of type 'V' is not assignable to parameter of type 'T'.
           addValue(firstOption);
         }
       }
@@ -175,9 +181,11 @@ function TokenListInput(props) {
         if (!isOpen) {
           onOpen();
         }
+        // @ts-ignore - TS2345 - Argument of type 'FocusEvent<HTMLDivElement, Element>' is not assignable to parameter of type 'SyntheticEvent<HTMLInputElement, Event>'.
         onInputFocus?.(e);
       },
       onBlur: e => {
+        // @ts-ignore - TS2345 - Argument of type 'FocusEvent<HTMLDivElement, Element>' is not assignable to parameter of type 'SyntheticEvent<HTMLInputElement, Event>'.
         onInputBlur?.(e);
       },
       className: (0, _classify.default)(_TokenListInputModule.default.box, {
@@ -186,7 +194,9 @@ function TokenListInput(props) {
         [_TokenListInputModule.default.small]: size === 'small',
         [_TokenListInputModule.default.withError]: error,
         [_TokenListInputModule.default.inputLocked]: locked
-      }, classNames?.box),
+      }, classNames?.box)
+      // @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])
     }, /*#__PURE__*/React.createElement(_TokenValueChips.TokenValueChips, {
       values: values,
@@ -194,7 +204,11 @@ function TokenListInput(props) {
       disabled: disabled,
       locked: locked,
       onDismiss: removeValue
-    }), !hideInput && /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
+    }), !hideInput &&
+    /*#__PURE__*/
+    // @ts-ignore - TS2345 - Argument of type 'InputProps' is not assignable to parameter of type 'InputProps'.
+    React.createElement("input", _extends({}, inputProps, {
+      // @ts-ignore - TS2322 - Type 'RefObject<HTMLInputElement | null | undefined>' is not assignable to type 'Ref<HTMLInputElement> | undefined'.
       ref: inputRef,
       type: "text",
       readOnly: locked,
@@ -232,10 +246,14 @@ function TokenListInput(props) {
     }, helperText) : helperText), !locked && isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
       context: context,
-      returnFocus: false,
+      returnFocus: false
+      // @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: _TokenListInputModule.default.menuWrapper,
+      className: _TokenListInputModule.default.menuWrapper
+      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
+      ,
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       style: {
         position: strategy,
@@ -256,8 +274,7 @@ function TokenListInput(props) {
         if (values.length >= limit) {
           return;
         }
-        // $FlowFixMe[incompatible-call] option from Menu is MenuOption but addValue expects T
-        // $FlowFixMe[prop-missing] MenuOption properties are missing in T
+        // @ts-ignore - TS2345 - Argument of type 'MenuOption' is not assignable to parameter of type 'T'.
         addValue(option);
         clickAway();
         inputRef.current?.focus();

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

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

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

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

package/lib/components/TokenListInput/TokenValueChips.js

@@ -15,16 +15,14 @@ function defaultResolveTokenValue(_ref) {
     disabled,
     onDismiss
   } = _ref;
-  // $FlowFixMe[prop-missing] - assumes token has label and key
-
   return (
     /*#__PURE__*/
-    // $FlowFixMe - assumes token has label and key
+    // @ts-ignore - TS2339 - Property 'label' does not exist on type 'NonNullable<T>'.
     React.createElement(_Tooltip.Tooltip, {
       body: token?.label,
       elevation: _elevation.elevationMenu
     }, /*#__PURE__*/React.createElement(_Chip.Chip
-    // $FlowFixMe - assumes token has key
+    // @ts-ignore - TS2339 - Property 'key' does not exist on type 'NonNullable<T>'.
     , {
       key: token?.key,
       onDismiss: _ => onDismiss?.(token),

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

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

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

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

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+type ClassNames = Readonly<{
+    tooltip?: string;
+    title?: string;
+    body?: string;
+}>;
+export declare const DELAY_MOTION_DURATION_TYPES: Readonly<{
+    none: "none";
+    fast: "fast";
+    normal: "normal";
+    slow: "slow";
+    slower: "slower";
+    slowest: "slowest";
+}>;
+export type DelayMotionDurationType = typeof DELAY_MOTION_DURATION_TYPES[keyof typeof DELAY_MOTION_DURATION_TYPES];
+export declare const ELEVATION_TYPES: Readonly<{
+    none: "none";
+    card: "card";
+    tooltip: "tooltip";
+    menu: "menu";
+    backdrop: "backdrop";
+    modal: "modal";
+    toast: "toast";
+}>;
+export type ElevationType = typeof ELEVATION_TYPES[keyof typeof ELEVATION_TYPES];
+export type PlacementType = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';
+export type BaseTooltipProps = {
+    classNames?: ClassNames;
+    title?: string | React.ReactNode;
+    body?: string | React.ReactNode;
+    placement?: PlacementType;
+    bodyMaxLines?: number;
+    titleMaxLines?: number;
+    delayMotionDuration?: DelayMotionDurationType;
+    hidden?: boolean;
+    elevation?: ElevationType;
+};
+export type TooltipProps = ((BaseTooltipProps) & {
+    children: any;
+});
+export declare const getElevationValue: (elevation: string) => string;
+export declare const Tooltip: ({ classNames, children, title, body, placement, bodyMaxLines, titleMaxLines, delayMotionDuration, elevation, hidden, }: TooltipProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;EAOtC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,OAAO,2BAA2B,CAAC,MAAM,OAAO,2BAA2B,CAAC,CAAC;AAEnH,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,eAAe,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEjF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1H,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,gBAAgB,CAAC,GAAG;IAE/C,QAAQ,EAAE,GAAG,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,KAAG,MAIrD,CAAC;AAEF,eAAO,MAAM,OAAO,GAClB,wHAWG,YAAY,sBAgGhB,CAAC"}

package/lib/components/Tooltip/Tooltip.js

@@ -16,8 +16,6 @@ var _TooltipModule = _interopRequireDefault(require("./Tooltip.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); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/* eslint-disable flowtype/no-weak-types */
-
 const DELAY_MOTION_DURATION_TYPES = exports.DELAY_MOTION_DURATION_TYPES = Object.freeze({
   none: 'none',
   fast: 'fast',
@@ -37,6 +35,7 @@ const ELEVATION_TYPES = exports.ELEVATION_TYPES = Object.freeze({
 });
 const getElevationValue = elevation => {
   const elevationKey = 'elevation' + (0, _string.capitalize)(elevation);
+  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'typeof import("/Users/diwaker/SpacedOut/ui-design-system/src/styles/variables/_elevation")'.
   return ELEVATION[elevationKey] || elevation;
 };
 exports.getElevationValue = getElevationValue;
@@ -70,7 +69,11 @@ const Tooltip = _ref => {
     }), (0, _react2.shift)()]
   });
   const motionDurationToken = 'motionDuration' + (0, _string.capitalize)(delayMotionDuration);
-  const hoverDelay = parseInt(MOTION[motionDurationToken]) === NaN ? 0 : parseInt(MOTION[motionDurationToken]);
+  const hoverDelay =
+  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'typeof import("/Users/diwaker/SpacedOut/ui-design-system/src/styles/variables/_motion")'.
+  parseInt(MOTION[motionDurationToken]) === NaN ? 0
+  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'typeof import("/Users/diwaker/SpacedOut/ui-design-system/src/styles/variables/_motion")'.
+  : parseInt(MOTION[motionDurationToken]);
   const {
     getReferenceProps,
     getFloatingProps

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

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

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

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