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

package/lib/components/InlineDropdown/InlineDropdown.js

@@ -44,10 +44,13 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
   } = (0, _react2.useFloating)({
     open: true,
     strategy: 'absolute',
+    // @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 => {
     isOpen ? onMenuOpen?.() : onMenuClose?.();
@@ -68,7 +71,9 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
       className: (0, _classify.classify)(_InlineDropdownModule.default.inlineDropdownContainer, classNames?.dropdownContainer),
       ref: ref
     }, /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({}, restButtonProps, {
-      disabled: disabled,
+      disabled: disabled
+      // @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 => {
         e.stopPropagation();
@@ -86,10 +91,14 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
       })
     })), isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
-      context: context,
+      context: context
+      // @ts-ignore - TS2322 - Type 'TriggerRefType<HTMLElement | null | undefined>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
+      ,
       initialFocus: triggerRef
     }, /*#__PURE__*/React.createElement("div", {
-      className: _InlineDropdownModule.default.menuWrapper,
+      className: _InlineDropdownModule.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/InlineDropdown/SimpleInlineDropdown.d.ts

@@ -0,0 +1,40 @@
+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 { AnchorType } from '../ButtonDropdown';
+import type { MenuOption, MenuOptionsVariant, Virtualization } from '../Menu';
+import type { ElevationType } from '../Tooltip';
+type ClassNames = Readonly<{
+    buttonWrapper?: string;
+    dropdownContainer?: string;
+}>;
+export type SimpleInlineDropdownRef = {
+    selectedKeys?: Array<string>;
+};
+export type SimpleInlineDropdownProps = (// Input props
+(ButtonProps) & {
+    elevation?: ElevationType;
+    classNames?: ClassNames;
+    anchorPosition?: AnchorType;
+    options?: Array<MenuOption>;
+    optionsVariant?: MenuOptionsVariant;
+    allowSearch?: boolean;
+    selectedKeys?: Array<string>;
+    showLabelTooltip?: MenuLabelTooltip;
+    allowWrap?: boolean;
+    onOptionSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+    onMenuOpen?: () => unknown;
+    onMenuClose?: () => unknown;
+    menuVirtualization?: Virtualization;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    menuClassNames?: MenuClassNames;
+    resolveLabel?: (option: MenuOption) => string | React.ReactNode;
+    resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
+    clickAwayRef?: ClickAwayRefType;
+});
+export declare const SimpleInlineDropdown: Flow.AbstractComponent<SimpleInlineDropdownProps, SimpleInlineDropdownRef>;
+export {};
+//# sourceMappingURL=SimpleInlineDropdown.d.ts.map

package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.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,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAC5E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAK9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,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;IAE5B,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,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;IAC5B,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;IAEhC,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/InlineDropdown/SimpleInlineDropdown.js

@@ -40,6 +40,7 @@ const SimpleInlineDropdownBase = (props, ref) => {
   React.useEffect(() => {
     const newBtnText = (0, _menu.getButtonLabelFromSelectedKeys)(selectedKeys, children);
     setInlineDropdownSelectedKeys(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 SimpleInlineDropdownBase = (props, ref) => {
     }
     const newBtnText = (0, _menu.getButtonLabelFromSelectedKeys)(newSelectedKeys, children);
     setInlineDropdownSelectedKeys(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: SimpleInlineDropdownRef | null; } | ((arg1: SimpleInlineDropdownRef | null) => unknown)' is not assignable to parameter of type 'Ref<SimpleInlineDropdownRef> | undefined'.
   React.useImperativeHandle(ref, () => ({
     selectedKeys: inlineDropdownSelectedKeys
   }));
@@ -77,6 +81,7 @@ const SimpleInlineDropdownBase = (props, ref) => {
       allowSearch,
       resolveLabel,
       resolveSecondaryLabel,
+      // @ts-ignore - TS2367 - This condition will always return 'false' since the types '"medium" | "small"' and '"extraSmall"' have no overlap.
       size: size === 'extraSmall' ? 'small' : size,
       virtualization: menuVirtualization,
       header,
@@ -87,4 +92,6 @@ const SimpleInlineDropdownBase = (props, ref) => {
     }
   }), optionsVariant === 'checkbox' ? btnText : children);
 };
+
+// @ts-ignore - TS2345 - Argument of type '(props: SimpleInlineDropdownProps, ref: { current: null | SimpleInlineDropdownRef; } | ((arg1: null | SimpleInlineDropdownRef) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<SimpleInlineDropdownProps, SimpleInlineDropdownRef>'.
 const SimpleInlineDropdown = exports.SimpleInlineDropdown = /*#__PURE__*/React.forwardRef(SimpleInlineDropdownBase);

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

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

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

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

package/lib/components/Input/Input.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconType } from '../Icon';
+type ClassNames = Readonly<{
+    box?: string;
+    iconLeft?: string;
+    iconRight?: string;
+    wrapper?: string;
+}>;
+export declare const EXPONENT_CHARACTER_LIST: readonly ["E", "e"];
+export declare const INPUT_TYPES: Readonly<{
+    text: "text";
+    number: "number";
+    password: "password";
+    email: "email";
+    tel: "tel";
+    url: "url";
+    date: "date";
+    'datetime-local': "datetime-local";
+    time: "time";
+    week: "week";
+    month: "month";
+    color: "color";
+    search: "search";
+}>;
+export type InputType = typeof INPUT_TYPES[keyof typeof INPUT_TYPES];
+export type InputOnChangeParamsType = {
+    evt: React.ChangeEvent<HTMLInputElement>;
+    isEnter?: boolean;
+};
+export type InputProps = {
+    value?: string;
+    onChange?: (evt: React.ChangeEvent<HTMLInputElement>, isEnter?: boolean) => unknown;
+    classNames?: ClassNames;
+    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => unknown;
+    onPaste?: (e: ClipboardEvent) => unknown;
+    onIconRightClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    onContainerClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    name?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    locked?: boolean;
+    error?: boolean;
+    errorText?: string;
+    label?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    type?: InputType;
+    size?: 'medium' | 'small';
+    iconLeftName?: string;
+    iconLeftType?: IconType;
+    iconRightName?: string;
+    iconRightType?: IconType;
+    required?: boolean;
+    readOnly?: boolean;
+    boxRef?: (arg1?: HTMLElement | null | undefined) => unknown;
+    minLength?: string;
+    maxLength?: string;
+    pattern?: string;
+    min?: string;
+    max?: string;
+    autoComplete?: string;
+    disallowExponents?: boolean;
+    /** The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any.
+       * Only values which are equal to the basis for stepping (min if specified, value otherwise, and an
+       * appropriate default value if neither of those is provided) are valid. */
+    step?: string;
+    hideNumberSpinner?: boolean;
+    hidePasswordToggleIcon?: boolean;
+};
+export declare const Input: Flow.AbstractComponent<InputProps, HTMLInputElement>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,uBAAuB,qBAAsB,CAAC;AAE3D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;EActB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,OAAO,WAAW,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAErE,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC;IACpF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IAC9D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7F,gBAAgB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;iFAE6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAoPF,eAAO,MAAM,KAAK,EAA8D,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,gBAAgB,CAAE,CAAC"}

package/lib/components/Input/Input.js

@@ -73,6 +73,7 @@ const Input_ = (props, ref) => {
   };
   const handleKeyDown = e => {
     if (type === INPUT_TYPES.number && disallowExponents) {
+      // @ts-ignore - TS2345 - Argument of type 'string' is not assignable to parameter of type '"E" | "e"'.
       if (EXPONENT_CHARACTER_LIST.includes(e.key)) {
         e.preventDefault();
       }
@@ -100,8 +101,12 @@ const Input_ = (props, ref) => {
       [_InputModule.default.locked]: locked,
       [_InputModule.default.color]: type === 'color',
       [_InputModule.default.hideNumberSpinner]: hideNumberSpinner
-    }, classNames?.box),
-    onClick: !(disabled || locked) ? onContainerClick : null,
+    }, classNames?.box)
+    // @ts-ignore - TS2322 - Type '((arg1: SyntheticEvent<HTMLElement, Event>) => unknown) | null | undefined' is not assignable to type 'MouseEventHandler<HTMLDivElement> | undefined'.
+    ,
+    onClick: !(disabled || locked) ? onContainerClick : null
+    // @ts-ignore - TS2322 - Type '((arg1?: HTMLElement | null | undefined) => unknown) | undefined' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
+    ,
     ref: boxRef
   }, iconLeftName && /*#__PURE__*/React.createElement(_Icon.Icon, {
     className: (0, _classify.classify)(classNames?.iconLeft),
@@ -111,14 +116,18 @@ const Input_ = (props, ref) => {
     type: iconLeftType
   }), /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     disabled: locked || disabled,
-    name: name,
+    name: name
+    // @ts-ignore - TS2322 - Type '{ current: HTMLInputElement | null; } | ((arg1: HTMLInputElement | null) => unknown)' is not assignable to type 'Ref<HTMLInputElement> | undefined'.
+    ,
     ref: ref,
     placeholder: placeholder,
     value: value,
     onChange: onChange,
     onFocus: onFocus,
     onBlur: onBlur,
-    type: showPassword ? 'text' : type,
+    type: showPassword ? 'text' : type
+    // @ts-ignore - TS2322 - Type 'false | "readOnly" | undefined' is not assignable to type 'boolean | undefined'.
+    ,
     readOnly: readOnly && 'readOnly',
     onKeyDown: handleKeyDown
   })), type === 'color' && /*#__PURE__*/React.createElement("div", {
@@ -193,4 +202,6 @@ const RightInputIcon = _ref => {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
+
+// @ts-ignore - TS2345 - Argument of type '(props: InputProps, ref: { current: null | HTMLInputElement; } | ((arg1: null | HTMLInputElement) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<HTMLInputElement, InputProps>'.
 const Input = exports.Input = /*#__PURE__*/React.forwardRef(Input_);

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

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

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

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

package/lib/components/KPIBox/KPIBox.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { AlertSemanticType } from '../../types/common';
+import type { IconSize, IconType } from '../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    topFoldContent?: string;
+    middleFoldContent?: string;
+    bottomFoldContent?: string;
+    textContainer?: string;
+}>;
+export type KPIBoxProps = {
+    classNames?: ClassNames;
+    semantic?: AlertSemanticType;
+    topContent?: React.ReactNode;
+    middleContent?: React.ReactNode;
+    bottomContent?: React.ReactNode;
+    iconName?: string;
+    iconSize?: IconSize;
+    iconType?: IconType;
+};
+export declare const KPIBox: Flow.AbstractComponent<KPIBoxProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=KPIBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KPIBox.d.ts","sourceRoot":"","sources":["../../../src/components/KPIBox/KPIBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAMhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CA+DnE,CAAC"}

package/lib/components/KPIBox/KPIBox.js

@@ -33,7 +33,7 @@ const KPIBox = exports.KPIBox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     size: iconSize,
     type: iconType
   }), /*#__PURE__*/React.createElement("div", {
-    className: _KPIBoxModule.default.textContainer
+    className: (0, _classify.default)(_KPIBoxModule.default.textContainer, classNames?.textContainer)
   }, !!topContent && /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.default)(_KPIBoxModule.default.topFoldContent, classNames?.topFoldContent)
   }, topContent), !!middleContent && /*#__PURE__*/React.createElement("div", {

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

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

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

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

package/lib/components/LinearLoader/LinearLoader.d.ts

@@ -0,0 +1,9 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+export type LinearLoaderProps = {
+    value: number;
+    size?: 'large' | 'medium' | 'small';
+    className?: string;
+    indeterminate?: boolean;
+};
+export declare const LinearLoader: Flow.AbstractComponent<LinearLoaderProps, HTMLDivElement>;
+//# sourceMappingURL=LinearLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinearLoader.d.ts","sourceRoot":"","sources":["../../../src/components/LinearLoader/LinearLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CA+B3E,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinearLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC"}

package/lib/components/Link/Link.d.ts

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { ColorTypes } from '../../types/typography';
+import type { IconSize, IconType } from '../Icon';
+export declare const LINK_AS: Readonly<{
+    bodyLarge: "bodyLarge";
+    bodyMedium: "bodyMedium";
+    bodySmall: "bodySmall";
+    buttonTextExtraSmall: "buttonTextExtraSmall";
+    buttonTextMedium: "buttonTextMedium";
+    buttonTextSmall: "buttonTextSmall";
+    formInputMedium: "formInputMedium";
+    formInputSmall: "formInputSmall";
+    formLabelMedium: "formLabelMedium";
+    formLabelSmall: "formLabelSmall";
+    jumboMedium: "jumboMedium";
+    subTitleExtraSmall: "subTitleExtraSmall";
+    subTitleLarge: "subTitleLarge";
+    subTitleMedium: "subTitleMedium";
+    subTitleSmall: "subTitleSmall";
+    titleMedium: "titleMedium";
+}>;
+export type LinkAs = typeof LINK_AS[keyof typeof LINK_AS];
+export declare const ANCHOR_REL: Readonly<{
+    alternate: "alternate";
+    author: "author";
+    bookmark: "bookmark";
+    external: "external";
+    help: "help";
+    license: "license";
+    next: "next";
+    nofollow: "nofollow";
+    noopener: "noopener";
+    noreferrer: "noreferrer";
+    search: "search";
+    tag: "tag";
+}>;
+export type AnchorRel = typeof ANCHOR_REL[keyof typeof ANCHOR_REL];
+export declare const ANCHOR_TARGET: Readonly<{
+    _blank: "_blank";
+    _self: "_self";
+    _parent: "_parent";
+    _top: "_top";
+    framename: "framename";
+}>;
+export type AnchorTarget = typeof ANCHOR_TARGET[keyof typeof ANCHOR_TARGET];
+export type BaseLinkProps = {
+    children: React.ReactNode;
+    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    tabIndex?: number;
+    disabled?: boolean;
+    className?: string;
+    as?: LinkAs;
+    rel?: AnchorRel;
+    target?: AnchorTarget;
+    iconLeftName?: string;
+    iconLeftSize?: IconSize;
+    iconLeftType?: IconType;
+    iconRightName?: string;
+    iconRightSize?: IconSize;
+    iconRightType?: IconType;
+    /**
+       * IMPORTANT: If you are using `to` make sure to provide link component from your router
+       * if you want to prevent full page reloads in a Single Page Application (SPA).
+       *
+       * Using `href` in anchor tags causes the browser to navigate to a new URL,
+       * resulting in a full page reload. However, in a Single Page Application (SPA), we aim to provide a seamless
+       * user experience without such reloads.
+       *
+       * To achieve client-side navigation and prevent page reloads, use client-side routing libraries
+       * (e.g., React Router) and their navigation components (e.g., <Link> or <a> with an onClick handler)
+       * to handle navigation within your SPA. These components work without triggering full page reloads
+       * and maintain the SPA's performance and user experience.
+       *
+       */
+    to?: string;
+    href?: string;
+};
+export type LinkProps = ((BaseLinkProps) & {
+    color?: ColorTypes;
+    underline?: boolean;
+    /**
+       * Provide your router's link component
+       *
+       * import {Link} from 'src/rerouter';
+       * import {Link as GenesisLink} from '@spaced-out/ui-design-system/lib/components/Link';
+       *
+       * <GenesisLink linkComponent={Link} to="/pages" />
+       */
+    linkComponent?: Flow.AbstractComponent<BaseLinkProps, HTMLAnchorElement | null | undefined>;
+});
+export declare const Link: Flow.AbstractComponent<LinkProps, HTMLAnchorElement | null | undefined>;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.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;AAIvD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAMhD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;EAiBlB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE1D,eAAO,MAAM,UAAU;;;;;;;;;;;;;EAarB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,OAAO,UAAU,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;EAMxB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,OAAO,aAAa,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;;;;;;;;;;;;SAaK;IACL,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC,GAAG;IACzC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;SAOK;IACL,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CAC7F,CAAC,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CA8GrF,CAAC"}

package/lib/components/Link/Link.js

@@ -62,19 +62,24 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     tabIndex = 0,
     disabled,
     onClick,
+    // @ts-ignore - TS2322 - Type 'ForwardRefExoticComponent<BaseLinkProps & RefAttributes<HTMLAnchorElement>>' is not assignable to type 'AbstractComponent<BaseLinkProps, HTMLAnchorElement | null | undefined>'.
     linkComponent: LinkComponent = DefaultLink,
     iconLeftName,
+    // @ts-ignore - TS2322 - Type 'string' is not assignable to type '"large" | "medium" | "small"'.
     iconLeftSize = _Icon.ICON_SIZE.small,
     iconLeftType,
     iconRightName,
+    // @ts-ignore - TS2322 - Type 'string' is not assignable to type '"large" | "medium" | "small"'.
     iconRightSize = _Icon.ICON_SIZE.small,
     iconRightType,
     ...props
   } = _ref;
   const linkRef = React.useRef(null);
+  // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'HTMLAnchorElement | undefined'.
   React.useImperativeHandle(ref, () => linkRef.current);
   React.useEffect(() => {
     if (disabled) {
+      // @ts-ignore - TS2339 - Property 'blur' does not exist on type 'never'.
       linkRef.current?.blur();
     }
   }, [disabled]);
@@ -105,7 +110,9 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       [_typographyModule.default.underline]: underline && !(iconLeftName || iconRightName),
       [_typographyModule.default.disabled]: disabled
     }, className),
-    onClick: handleClick,
+    onClick: handleClick
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     onKeyPress: handleKeyPress
   }), !!iconLeftName && /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconLeftName,
@@ -136,8 +143,12 @@ const DefaultLink = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     ...props
   } = _ref2;
   const resolvedHref = to ?? href;
-  return /*#__PURE__*/React.createElement("a", _extends({}, props, {
-    href: resolvedHref,
-    ref: ref
-  }), children);
+  return (
+    /*#__PURE__*/
+    // @ts-ignore - TS2322 - Type '{ children: ReactNode; href: string | undefined; ref: ForwardedRef<HTMLAnchorElement>; onClick?: ((arg1: SyntheticEvent<HTMLElement, Event>) => unknown) | null | undefined; ... 11 more ...; iconRightType?: "regular" | ... 3 more ... | undefined; }' is not assignable to type 'DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>'.
+    React.createElement("a", _extends({}, props, {
+      href: resolvedHref,
+      ref: ref
+    }), children)
+  );
 });

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

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

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

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

package/lib/components/Menu/Menu.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { MenuClassNames, MenuLabelTooltip } from '../../types/menu';
+import type { IconType } from '../Icon/Icon';
+type ClassNames = MenuClassNames;
+type OptionClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type Virtualization = Readonly<{
+    enable: boolean;
+    itemHeight?: number;
+    menuHeight?: number;
+}>;
+export type MenuOption = {
+    key: string;
+    classNames?: OptionClassNames;
+    label?: string;
+    secondaryLabel?: string;
+    customComponent?: React.ReactNode;
+    iconLeft?: string;
+    iconLeftType?: IconType;
+    iconRight?: string;
+    iconRightType?: IconType;
+    disabled?: boolean;
+    optionSize?: MenuSizeTypes;
+    optionVariant?: MenuOptionsVariant;
+    keepMenuOpenOnOptionSelect?: boolean;
+    indeterminate?: boolean;
+};
+export type BaseMenuProps = {
+    onSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+    selectedOption?: MenuOption | null | undefined;
+    optionsVariant?: MenuOptionsVariant;
+    selectedKeys?: Array<string>;
+    classNames?: ClassNames;
+    size?: MenuSizeTypes;
+    width?: string;
+    menuDisabled?: boolean;
+    isFluid?: boolean;
+    onTabOut?: () => unknown;
+    allowSearch?: boolean;
+    resolveLabel?: (option: MenuOption) => string | React.ReactNode;
+    resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
+    virtualization?: Virtualization;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    showResultText?: boolean;
+    staticLabels?: {
+        RESULT?: string;
+        RESULTS?: string;
+        SEARCH_PLACEHOLDER?: string;
+    };
+    showLabelTooltip?: MenuLabelTooltip;
+    allowWrap?: boolean;
+};
+export type MenuOptionTypes = {
+    options?: Array<MenuOption>;
+    composeOptions?: Array<Array<MenuOption>>;
+    groupTitleOptions?: Array<MenuGroupTitleOption>;
+};
+export type MenuSizeTypes = 'medium' | 'small';
+export type MenuOptionsVariant = 'checkbox' | 'radio' | 'normal';
+export type MenuGroupTitleOption = {
+    groupTitle?: React.ReactNode;
+    options?: Array<MenuOption>;
+    showLineDivider?: boolean;
+};
+export type MenuProps = ((BaseMenuProps) & (MenuOptionTypes));
+export type RenderOptionProps = ((MenuProps) & {
+    searchText?: string;
+});
+export declare const Menu: Flow.AbstractComponent<MenuProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=Menu.d.ts.map

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

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

package/lib/components/Menu/Menu.js

@@ -14,7 +14,7 @@ var _MenuOptionButton = require("./MenuOptionButton");
 var _MenuModule = _interopRequireDefault(require("./Menu.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); } // $FlowIssue[nonstrict-import] react-window
+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); }
 // Render first available option set
 
 const menuSizeMedium = 276,
@@ -56,7 +56,10 @@ const RenderOption = _ref => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, allowSearch && showResultText && /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
       className: _MenuModule.default.filterOptionsResultText,
       color: "tertiary"
-    }, finalResultText), virtualization && isVirtualizationEnabled ? /*#__PURE__*/React.createElement(_reactWindow.FixedSizeList, {
+    }, finalResultText), virtualization && isVirtualizationEnabled ?
+    /*#__PURE__*/
+    // @ts-ignore - TS2769 - No overload matches this call.
+    React.createElement(_reactWindow.FixedSizeList, {
       height: menuHeight || (size === 'medium' ? menuSizeMedium : menuSizeSmall),
       itemSize: itemHeight || (size === 'medium' ? buttonSizeMedium : buttonSizeSmall),
       itemCount: optionsFiltered.length

package/lib/components/Menu/MenuOptionButton.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { BaseMenuProps, MenuOption } from './Menu';
+export type MenuOptionProps = ((BaseMenuProps) & {
+    option: MenuOption;
+    isLastItem?: boolean;
+    style?: unknown;
+});
+export declare const MenuOptionButton: (props: MenuOptionProps) => React.JSX.Element;
+//# sourceMappingURL=MenuOptionButton.d.ts.map

package/lib/components/Menu/MenuOptionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuOptionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuOptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,QAAQ,CAAC;AAKtD,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,aAAa,CAAC,GAAG;IAC/C,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,sBAwJtD,CAAC"}