@swan-io/lake 4.6.1 → 4.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "4.6.1",
+  "version": "4.8.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"

package/src/components/AutoWidthImage.js

@@ -21,7 +21,7 @@ export const AutoWidthImage = memo(forwardRef(({ ariaLabel, maxWidth, height, so
     }, [maxWidth, height, sourceUri]);
     return (_jsx(Image, { "aria-label": ariaLabel, ref: forwardedRef, style: [style, size], source: fetching ? null : sourceUri, onLoadEnd: () => {
             if (!fetching) {
-                onLoadEnd?.();
+                onLoadEnd === null || onLoadEnd === void 0 ? void 0 : onLoadEnd();
             }
         }, ...props }));
 }));

package/src/components/AutocompleteSearchInput.js

@@ -9,12 +9,13 @@ import { Separator } from "./Separator";
 export const AutocompleteSearchInput = ({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResultText, ListFooterComponent, shouldDisplaySuggestions = true, loadSuggestions, onSuggestion, onLoadError, }) => {
     const [state, setState] = useState(AsyncData.NotAsked());
     const lastRequest = useRef();
-    return (_jsx(LakeCombobox, { inputRef: inputRef, id: id, placeholder: placeholder, value: value ?? "", items: state, icon: loadSuggestions != null ? "search-filled" : undefined, disabled: disabled, error: error, ListFooterComponent: ListFooterComponent != null && (_jsxs(_Fragment, { children: [match(state)
+    return (_jsx(LakeCombobox, { inputRef: inputRef, id: id, placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", items: state, icon: loadSuggestions != null ? "search-filled" : undefined, disabled: disabled, error: error, ListFooterComponent: ListFooterComponent != null && (_jsxs(_Fragment, { children: [match(state)
                     .with(AsyncData.P.Done(Result.P.Ok(P.select())), suggestions => suggestions.length > 0 ? _jsx(Separator, {}) : null)
                     .otherwise(() => null), ListFooterComponent] })), onSelectItem: item => {
             onSuggestion(item);
         }, onValueChange: value => {
-            lastRequest.current?.cancel(); // cancel previous request to avoid race condition
+            var _a;
+            (_a = lastRequest.current) === null || _a === void 0 ? void 0 : _a.cancel(); // cancel previous request to avoid race condition
             lastRequest.current = undefined; // avoid to cancel twice the same request
             onValueChange(value);
             if (value.length <= 3 || !shouldDisplaySuggestions) {

package/src/components/Breadcrumbs.js

@@ -126,7 +126,7 @@ export const BreadcrumbsRoot = ({ rootLevelCrumbs = emptyCrumbArray, children })
         }
         setRootCrumbs(rootLevelCrumbs.map(crumb => ({ id: uuid(), crumb, isRootCrumb: true })));
     }, [rootLevelCrumbs]);
-    const orderedCrumbs = useMemo(() => [...crumbs].sort((a, b) => ((b.index ?? -1) > (a.index ?? -1) ? -1 : 1)), [crumbs]);
+    const orderedCrumbs = useMemo(() => [...crumbs].sort((a, b) => { var _a, _b; return (((_a = b.index) !== null && _a !== void 0 ? _a : -1) > ((_b = a.index) !== null && _b !== void 0 ? _b : -1) ? -1 : 1); }), [crumbs]);
     const value = useMemo(() => [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef], [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef]);
     return _jsx(BreadcrumbsContext.Provider, { value: value, children: children });
 };

package/src/components/Card3dPreview.js

@@ -146,6 +146,7 @@ export const Card = forwardRef(({ ownerName, cardNumber, expirationDate, cvv, co
     }, [onSvgError]);
     // Handle logo
     useEffect(() => {
+        var _a;
         if (isNullish(logo)) {
             setLogoData(null);
             return;
@@ -159,7 +160,7 @@ export const Card = forwardRef(({ ownerName, cardNumber, expirationDate, cvv, co
             return createSvgImage(whiteLogo);
         });
         if (image.isError()) {
-            handleSvgError.current?.(image.getError());
+            (_a = handleSvgError.current) === null || _a === void 0 ? void 0 : _a.call(handleSvgError, image.getError());
             return;
         }
         // Compute logo size depending on constraints

package/src/components/ErrorBoundary.js

@@ -34,7 +34,16 @@ const initialState = {
     error: null,
 };
 export class ErrorBoundary extends Component {
-    state = initialState;
+    constructor() {
+        super(...arguments);
+        this.state = initialState;
+        this.resetError = () => {
+            const { error } = this.state;
+            if (error !== null) {
+                this.setState(initialState);
+            }
+        };
+    }
     static getDerivedStateFromError(error) {
         return { error };
     }
@@ -52,12 +61,6 @@ export class ErrorBoundary extends Component {
             onError(error, errorInfo);
         }
     }
-    resetError = () => {
-        const { error } = this.state;
-        if (error !== null) {
-            this.setState(initialState);
-        }
-    };
     render() {
         const { children, fallback } = this.props;
         const { error } = this.state;

package/src/components/Filters.js

@@ -84,7 +84,7 @@ function FilterRadio({ label, items, width, value, onValueChange, onPressRemove,
     const inputRef = useRef(null);
     const [visible, { close, toggle }] = useDisclosure(autoOpen);
     const currentValue = useMemo(() => items.find(i => i.value === value), [items, value]);
-    return (_jsxs(View, { style: styles.container, children: [_jsx(FilterTag, { label: label, onPress: toggle, ref: inputRef, onPressRemove: onPressRemove, isActive: visible, value: currentValue?.label }), _jsx(Popover, { role: "listbox", matchReferenceWidth: false, onDismiss: close, referenceRef: inputRef, returnFocus: false, visible: visible, children: _jsx(View, { style: [styles.dropdown, { width }], children: _jsx(FlatList, { role: "list", data: items, contentContainerStyle: styles.content, keyExtractor: (_, index) => `filter-item-${index}`, renderItem: ({ item }) => {
+    return (_jsxs(View, { style: styles.container, children: [_jsx(FilterTag, { label: label, onPress: toggle, ref: inputRef, onPressRemove: onPressRemove, isActive: visible, value: currentValue === null || currentValue === void 0 ? void 0 : currentValue.label }), _jsx(Popover, { role: "listbox", matchReferenceWidth: false, onDismiss: close, referenceRef: inputRef, returnFocus: false, visible: visible, children: _jsx(View, { style: [styles.dropdown, { width }], children: _jsx(FlatList, { role: "list", data: items, contentContainerStyle: styles.content, keyExtractor: (_, index) => `filter-item-${index}`, renderItem: ({ item }) => {
                             const isSelected = value === item.value;
                             return (_jsxs(Pressable, { role: "radio", "aria-checked": isSelected, style: ({ hovered }) => [styles.radio, hovered && styles.itemHovered], onPress: () => {
                                     onValueChange(item.value);

package/src/components/FixedListView.js

@@ -468,7 +468,7 @@ export const FixedListView = ({ data: originalData, mode = "tile", keyExtractor,
         stickedToEndColumns.length === 0 && styles.rowRightRadii,
     ], [stickedToStartColumns, stickedToEndColumns]);
     const createRowWrapper = useCallback(({ item, absoluteIndex, extraInfo, }) => {
-        const customLinkElement = getRowLink?.({ item, index: absoluteIndex, extraInfo });
+        const customLinkElement = getRowLink === null || getRowLink === void 0 ? void 0 : getRowLink({ item, index: absoluteIndex, extraInfo });
         return isNullish(customLinkElement) ? _jsx(View, {}) : customLinkElement;
     }, [getRowLink]);
     const [backgroundRows, startRows, centerRows, endRows] = useMemo(() => {
@@ -599,10 +599,11 @@ export const FixedListView = ({ data: originalData, mode = "tile", keyExtractor,
         }
     }, [horizontalPadding]);
     const onKeyDown = useCallback((event) => {
+        var _a, _b;
         const target = event.nativeEvent.target;
         const currentTarget = event.nativeEvent.currentTarget;
         const currentCell = target.closest(`[id^="${viewId}__Row"]`);
-        const currentCellId = currentCell?.id;
+        const currentCellId = currentCell === null || currentCell === void 0 ? void 0 : currentCell.id;
         if (event.nativeEvent.key === "Tab" && isNotNullish(currentCell)) {
             const focusableElements = getFocusableElements(currentCell, false);
             const firstFocusableElement = first(focusableElements);
@@ -619,7 +620,7 @@ export const FixedListView = ({ data: originalData, mode = "tile", keyExtractor,
                 }
                 else {
                     event.preventDefault();
-                    startFocusAnchorRef.current?.focus();
+                    (_a = startFocusAnchorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                 }
             }
             if (isTargetLast && !event.nativeEvent.shiftKey && last(sortedCellIds) !== currentCellId) {
@@ -630,7 +631,7 @@ export const FixedListView = ({ data: originalData, mode = "tile", keyExtractor,
                 }
                 else {
                     event.preventDefault();
-                    endFocusAnchorRef.current?.focus();
+                    (_b = endFocusAnchorRef.current) === null || _b === void 0 ? void 0 : _b.focus();
                 }
             }
         }

package/src/components/FixedListViewCells.js

@@ -97,7 +97,7 @@ export const SimpleHeaderCell = ({ text, sort, justifyContent = "flex-start", on
     const sortActive = isNotNullish(sort) && isNotNullish(onPress);
     const disabled = isNullish(onPress);
     return (_jsx(Pressable, { onPress: () => {
-            onPress?.(match(sort)
+            onPress === null || onPress === void 0 ? void 0 : onPress(match(sort)
                 .returnType()
                 .with("Desc", () => "Asc")
                 .with("Asc", () => "Desc")
@@ -119,7 +119,7 @@ export const SimpleRegularTextCell = ({ variant = "regular", text, textAlign = "
 };
 export const CopyableRegularTextCell = ({ variant = "regular", text, textToCopy, copyWording, copiedWording, tooltip, }) => {
     const [visibleState, setVisibleState] = useState("copy");
-    const clipboardText = textToCopy ?? text;
+    const clipboardText = textToCopy !== null && textToCopy !== void 0 ? textToCopy : text;
     const onPress = useCallback((event) => {
         event.preventDefault();
         Clipboard.setString(clipboardText);

package/src/components/Flag.js

@@ -18,7 +18,8 @@ export const Flag = ({ icon, width }) => {
         }
     }, []);
     const flag = useMemo(() => {
-        const cca2 = countries.find(item => item.cca3 === icon)?.cca2;
+        var _a;
+        const cca2 = (_a = countries.find(item => item.cca3 === icon)) === null || _a === void 0 ? void 0 : _a.cca2;
         if (cca2 == null) {
             return null;
         }

package/src/components/FocusTrap.js

@@ -29,7 +29,7 @@ export const FocusTrap = forwardRef(({ children, focusLock, onClickOutside, onEs
         match(nativeEvent.key)
             .with("Escape", () => {
             if (escapeListenerCount === initialEscapeListenerCount + 1) {
-                onEscapeKey?.();
+                onEscapeKey === null || onEscapeKey === void 0 ? void 0 : onEscapeKey();
             }
         })
             .with("Tab", () => {
@@ -44,11 +44,11 @@ export const FocusTrap = forwardRef(({ children, focusLock, onClickOutside, onEs
                 const lastFocusableElement = last(focusableElements);
                 if (target === firstFocusableElement && nativeEvent.shiftKey) {
                     nativeEvent.preventDefault();
-                    lastFocusableElement?.focus();
+                    lastFocusableElement === null || lastFocusableElement === void 0 ? void 0 : lastFocusableElement.focus();
                 }
                 if (target === lastFocusableElement && !nativeEvent.shiftKey) {
                     nativeEvent.preventDefault();
-                    firstFocusableElement?.focus();
+                    firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
                 }
             }
         })
@@ -58,8 +58,9 @@ export const FocusTrap = forwardRef(({ children, focusLock, onClickOutside, onEs
         if (returnFocus) {
             previouslyFocusedRef.current = document.activeElement;
             return () => {
+                var _a;
                 if (!hasFocusedOutside.current) {
-                    previouslyFocusedRef.current?.focus();
+                    (_a = previouslyFocusedRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                 }
             };
         }
@@ -73,7 +74,7 @@ export const FocusTrap = forwardRef(({ children, focusLock, onClickOutside, onEs
                 }
                 const focusableElements = getFocusableElements(trapElement);
                 const firstFocusableElement = first(focusableElements);
-                firstFocusableElement?.focus();
+                firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
                 window.clearInterval(id);
             }
         }

package/src/components/Form.js

@@ -6,11 +6,11 @@ export const Form = memo(forwardRef(({ style, onReset, onSubmit, ...props }, for
     ref: forwardedRef,
     onReset: (event) => {
         event.preventDefault();
-        onReset?.(event);
+        onReset === null || onReset === void 0 ? void 0 : onReset(event);
     },
     onSubmit: (event) => {
         event.preventDefault();
-        onSubmit?.(event);
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
     },
     style: [commonStyles.view, style],
 })));

package/src/components/Icon.d.ts

@@ -149,6 +149,8 @@ declare const paths: {
     "lock-open-regular": string;
     "mail-filled": string;
     "mail-regular": string;
+    "money-calculator-regular": string;
+    "money-calculator-filled": string;
     "money-regular": string;
     "money-filled": string;
     "more-horizontal-filled": string;

package/src/components/LakeCombobox.js

@@ -99,17 +99,19 @@ const LakeComboboxWithRef = ({ inputRef, value, items, itemHeight = DEFAULT_ELEM
     });
     const suggestionsId = useId();
     const handleKeyPress = useCallback((event) => {
+        var _a;
         if (event.nativeEvent.key === "ArrowDown") {
             const listElement = listContainerRef.current;
             if (listElement != null) {
                 const element = listElement;
                 const focusableElements = getFocusableElements(element, false);
-                focusableElements[0]?.focus();
+                (_a = focusableElements[0]) === null || _a === void 0 ? void 0 : _a.focus();
                 event.preventDefault();
             }
         }
     }, []);
     const handleListItemKeyPress = useCallback((event) => {
+        var _a, _b;
         if (event.nativeEvent.key === "ArrowDown" || event.nativeEvent.key === "ArrowUp") {
             const listElement = listContainerRef.current;
             if (listElement != null) {
@@ -124,10 +126,10 @@ const LakeComboboxWithRef = ({ inputRef, value, items, itemHeight = DEFAULT_ELEM
                 const nextIndex = index + direction;
                 event.preventDefault();
                 if (nextIndex === -1) {
-                    ref.current?.focus();
+                    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
                 }
                 else {
-                    focusableElements[nextIndex === focusableElements.length ? 0 : nextIndex]?.focus();
+                    (_b = focusableElements[nextIndex === focusableElements.length ? 0 : nextIndex]) === null || _b === void 0 ? void 0 : _b.focus();
                 }
             }
         }

package/src/components/LakeLabel.js

@@ -37,7 +37,7 @@ export const LakeLabel = ({ label, optionalLabel, extra, readOnly = false, color
         if (containerRef.current != null) {
             const container = containerRef.current;
             const target = container.querySelector(`[id="${id}"]`);
-            target?.focus();
+            target === null || target === void 0 ? void 0 : target.focus();
         }
     }, [id]);
     return (_jsxs(Box, { style: [styles.container, style], direction: "row", alignItems: "center", justifyContent: "spaceBetween", children: [_jsxs(View, { style: commonStyles.fill, ref: containerRef, children: [_jsxs(Box, { direction: "row", justifyContent: "spaceBetween", alignItems: "center", children: [_jsxs(Box, { direction: "row", style: styles.shrink, children: [type === "form" || type === "formSmall" || type === "radioGroup" ? (_jsxs(Label, { onClick: onClick, htmlFor: id, style: [styles.label, readOnly && { color: readOnlyColor }], children: [label, optionalLabel != null ? (_jsxs(_Fragment, { children: [" - ", _jsx(LakeText, { color: colors.gray[400], style: styles.optionalLabel, children: optionalLabel })] })) : null] })) : (_jsxs(LakeText, { variant: "medium", color: readOnlyColor, id: id, children: [label, optionalLabel != null ? (_jsxs(_Fragment, { children: [" - ", _jsx(LakeText, { color: colors.gray[400], style: styles.optionalLabel, children: optionalLabel })] })) : null] })), isNotNullish(extra) && extra()] }), isNotNullish(help) && (_jsxs(_Fragment, { children: [_jsx(Space, { width: 16 }), help] }))] }), _jsx(Space, { height: match(type)

package/src/components/LakeSearchField.js

@@ -71,7 +71,7 @@ const ExpandedSearchField = ({ inputRef, placeholder, initialValue, onChange, se
                             clearTimeout(timeoutRef.current);
                         }
                         clear();
-                    }, style: styles.clearButton, children: _jsx(Svg, { viewBox: "0 0 16 16", style: styles.clear, children: _jsxs(_Fragment, { children: [_jsx(Line, { x1: "0", x2: "16", y1: "0", y2: "16", strokeLinecap: "round", stroke: colors.gray[500], strokeWidth: 2 }), _jsx(Line, { x1: "0", x2: "16", y1: "16", y2: "0", strokeLinecap: "round", stroke: colors.gray[500], strokeWidth: 2 })] }) }) }), renderEnd?.()] })), onFocus: () => {
+                    }, style: styles.clearButton, children: _jsx(Svg, { viewBox: "0 0 16 16", style: styles.clear, children: _jsxs(_Fragment, { children: [_jsx(Line, { x1: "0", x2: "16", y1: "0", y2: "16", strokeLinecap: "round", stroke: colors.gray[500], strokeWidth: 2 }), _jsx(Line, { x1: "0", x2: "16", y1: "16", y2: "0", strokeLinecap: "round", stroke: colors.gray[500], strokeWidth: 2 })] }) }) }), renderEnd === null || renderEnd === void 0 ? void 0 : renderEnd()] })), onFocus: () => {
             if (timeoutRef.current != null) {
                 clearTimeout(timeoutRef.current);
             }

package/src/components/LakeSelect.js

@@ -108,6 +108,7 @@ const styles = StyleSheet.create({
     },
 });
 const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current", disabled = false, mode = "normal", placeholder, readOnly = false, id, matchReferenceWidth = true, value, error, hideErrors = false, icon, onValueChange, PopoverFooter, style, }, forwardedRef) => {
+    var _a;
     const inputRef = useRef(null);
     const listRef = useRef(null);
     const typingTimeoutRef = useRef(undefined);
@@ -119,10 +120,11 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
     const isSmall = size === "small";
     const itemValue = items.find(i => i.value === value);
     const onKeyDown = useCallback((event) => {
+        var _a, _b;
         // this made a search not visible for user as the native select component
         if (event.nativeEvent.key.length === 1) {
             event.nativeEvent.stopPropagation();
-            const currentlyTyped = `${currentlyTypedRef.current ?? ""}${event.nativeEvent.key.toLowerCase()}`;
+            const currentlyTyped = `${(_a = currentlyTypedRef.current) !== null && _a !== void 0 ? _a : ""}${event.nativeEvent.key.toLowerCase()}`;
             currentlyTypedRef.current = currentlyTyped;
             const selectedIndex = items.findIndex(item => item.name.toLowerCase().startsWith(currentlyTyped));
             const selected = items[selectedIndex];
@@ -130,7 +132,7 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
                 if (visible) {
                     const listElement = listRef.current;
                     if (listElement != null) {
-                        listItemRefs.current[selectedIndex]?.focus();
+                        (_b = listItemRefs.current[selectedIndex]) === null || _b === void 0 ? void 0 : _b.focus();
                     }
                 }
                 else {
@@ -145,7 +147,7 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
             currentlyTypedRef.current = undefined;
         }, 300);
     }, [items, onValueChange, visible]);
-    const name = itemValue?.name ?? value;
+    const name = (_a = itemValue === null || itemValue === void 0 ? void 0 : itemValue.name) !== null && _a !== void 0 ? _a : value;
     return (_jsxs(View, { style: commonStyles.fill, children: [_jsx(Pressable, { id: id, ref: mergedRef, "aria-haspopup": "listbox", role: "button", "aria-expanded": visible, disabled: readOnly || disabled, style: ({ focused, hovered, pressed }) => [
                     mode === "normal" ? styles.normal : styles.borderless,
                     size === "small" && styles.small,
@@ -164,11 +166,12 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
                     mode !== "borderless" && error != null && styles.errorContainer,
                     (disabled || readOnly) && mode === "borderless" && styles.inputBorderlessDisabled,
                     style,
-                ], onPress: open, onKeyDown: onKeyDown, "aria-errormessage": error, children: ({ hovered }) => (_jsxs(_Fragment, { children: [mode === "normal" && _jsx(View, { style: [styles.shadowed, hovered && styles.hovered] }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", alignItems: "center", children: [_jsxs(Box, { direction: "row", alignItems: "center", style: commonStyles.fill, children: [icon && (_jsxs(_Fragment, { children: [_jsx(Icon, { color: colors[color].primary, name: icon, size: isSmall ? 16 : 18 }), _jsx(Space, { width: 8 })] })), hasValue ? (_jsxs(Box, { direction: "row", alignItems: "center", style: commonStyles.fill, children: [isNotNullish(itemValue?.icon) && (_jsxs(_Fragment, { children: [itemValue?.icon, _jsx(Space, { width: 12 })] })), _jsx(LakeText, { color: colors.gray[900], variant: isSmall ? "smallRegular" : "regular", style: [styles.itemText, valueStyle], children: name })] })) : (_jsx(LakeText, { style: [
+                ], onPress: open, onKeyDown: onKeyDown, "aria-errormessage": error, children: ({ hovered }) => (_jsxs(_Fragment, { children: [mode === "normal" && _jsx(View, { style: [styles.shadowed, hovered && styles.hovered] }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", alignItems: "center", children: [_jsxs(Box, { direction: "row", alignItems: "center", style: commonStyles.fill, children: [icon && (_jsxs(_Fragment, { children: [_jsx(Icon, { color: colors[color].primary, name: icon, size: isSmall ? 16 : 18 }), _jsx(Space, { width: 8 })] })), hasValue ? (_jsxs(Box, { direction: "row", alignItems: "center", style: commonStyles.fill, children: [isNotNullish(itemValue === null || itemValue === void 0 ? void 0 : itemValue.icon) && (_jsxs(_Fragment, { children: [itemValue === null || itemValue === void 0 ? void 0 : itemValue.icon, _jsx(Space, { width: 12 })] })), _jsx(LakeText, { color: colors.gray[900], variant: isSmall ? "smallRegular" : "regular", style: [styles.itemText, valueStyle], children: name })] })) : (_jsx(LakeText, { style: [
                                                 styles.itemText,
                                                 styles.selectPlaceholder,
                                                 isSmall && styles.selectSmallPlaceholder,
-                                            ], children: placeholder ?? " " }))] }), _jsx(Fill, { minWidth: 8 }), !disabled && (_jsx(Icon, { color: colors.gray[900], name: visible ? "chevron-up-filled" : "chevron-down-filled", size: 16 }))] })] })) }), !hideErrors && (_jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], style: styles.errorText, children: error ?? " " })), _jsxs(Popover, { role: "listbox", matchReferenceMinWidth: matchReferenceWidth, onDismiss: close, referenceRef: inputRef, returnFocus: true, visible: visible, children: [isNotNullish(title) && (_jsxs(_Fragment, { children: [_jsx(LakeText, { variant: "semibold", color: colors.gray[900], style: styles.selectListTitle, children: title }), _jsx(Separator, {})] })), _jsx(FlatList, { role: "list", data: items, ref: listRef, contentContainerStyle: styles.listContent, onKeyDown: (event) => {
+                                            ], children: placeholder !== null && placeholder !== void 0 ? placeholder : " " }))] }), _jsx(Fill, { minWidth: 8 }), !disabled && (_jsx(Icon, { color: colors.gray[900], name: visible ? "chevron-up-filled" : "chevron-down-filled", size: 16 }))] })] })) }), !hideErrors && (_jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], style: styles.errorText, children: error !== null && error !== void 0 ? error : " " })), _jsxs(Popover, { role: "listbox", matchReferenceMinWidth: matchReferenceWidth, onDismiss: close, referenceRef: inputRef, returnFocus: true, visible: visible, children: [isNotNullish(title) && (_jsxs(_Fragment, { children: [_jsx(LakeText, { variant: "semibold", color: colors.gray[900], style: styles.selectListTitle, children: title }), _jsx(Separator, {})] })), _jsx(FlatList, { role: "list", data: items, ref: listRef, contentContainerStyle: styles.listContent, onKeyDown: (event) => {
+                            var _a;
                             const { key } = event.nativeEvent;
                             if (key === "ArrowDown" || key === "ArrowUp") {
                                 event.preventDefault();
@@ -176,7 +179,7 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
                                     const focusableElements = getFocusableElements(event.currentTarget);
                                     const current = focusableElements.indexOf(event.target);
                                     const nextIndex = key === "ArrowDown" ? current + 1 : current - 1;
-                                    focusableElements[nextIndex]?.focus();
+                                    (_a = focusableElements[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
                                 }
                             }
                         }, keyExtractor: (_, index) => `select-item-${index}`, renderItem: ({ item, index }) => {

package/src/components/LakeStepper.js

@@ -77,7 +77,7 @@ export const LakeStepper = ({ steps, activeStepId, style }) => {
             const stepNumber = index + 1;
             const currentId = match(step)
                 .with({ id: P.string }, ({ id }) => id)
-                .with({ children: P.array(P.any) }, ({ children }) => children[0]?.id ?? "")
+                .with({ children: P.array(P.any) }, ({ children }) => { var _a, _b; return (_b = (_a = children[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : ""; })
                 .exhaustive();
             const isActive = match(step)
                 .with({ id: activeStepId }, () => true)
@@ -93,7 +93,7 @@ export const LakeStepper = ({ steps, activeStepId, style }) => {
                 .otherwise(() => false);
             const stepUrl = match(step)
                 .with({ id: P.string }, ({ url }) => url)
-                .with({ children: P.array(P.any) }, ({ children }) => children[0]?.url ?? "")
+                .with({ children: P.array(P.any) }, ({ children }) => { var _a, _b; return (_b = (_a = children[0]) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : ""; })
                 .exhaustive();
             const subSteps = match(step)
                 .with({ id: P.string }, step => [step])

package/src/components/LakeTagInput.js

@@ -87,8 +87,9 @@ export const LakeTagInput = forwardRef(({ validator = () => true, onFocus: origi
         onHoverEnd: () => setIsHovered(false),
     });
     const pushNewValues = useCallback((vals) => {
+        var _a;
         onValuesChanged([...values, ...vals.filter(v => !values.includes(v))]);
-        inputRef.current?.clear();
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
     }, [values, onValuesChanged]);
     const onTextInputChange = useCallback((value) => {
         const input = [...new Set(value.split(SEPARATORS_REGEX).filter(s => s.length))];
@@ -113,11 +114,12 @@ export const LakeTagInput = forwardRef(({ validator = () => true, onFocus: origi
         });
     }, [onValuesChanged, pushNewValues, values, disabled, readOnly]);
     const autoFocus = useCallback(() => {
-        inputRef.current?.focus();
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
     const onFocus = useCallback((event) => {
         setIsFocused(true);
-        originalOnFocus?.(event);
+        originalOnFocus === null || originalOnFocus === void 0 ? void 0 : originalOnFocus(event);
     }, [originalOnFocus]);
     const onBlur = useCallback((event) => {
         const input = inputRef.current;
@@ -127,7 +129,7 @@ export const LakeTagInput = forwardRef(({ validator = () => true, onFocus: origi
             pushNewValues([input.value]);
         }
         setIsFocused(false);
-        originalOnBlur?.(event);
+        originalOnBlur === null || originalOnBlur === void 0 ? void 0 : originalOnBlur(event);
     }, [pushNewValues, originalOnBlur, validateOnBlur]);
     const mergedRef = useMergeRefs(inputRef, forwardRef);
     const hasError = isNotNullishOrEmpty(error);
@@ -142,5 +144,5 @@ export const LakeTagInput = forwardRef(({ validator = () => true, onFocus: origi
                     isHovered && styles.hovered,
                 ], "aria-errormessage": error, onPress: autoFocus, ref: containerRef, children: [values.map((value, i) => (_jsx(Tag, { onPressRemove: !readOnly && !disabled
                             ? () => onValuesChanged(values.filter(current => current !== value))
-                            : undefined, style: styles.tag, color: validator(value) ? "gray" : "negative", children: value }, i))), _jsx(TextInput, { ref: mergedRef, style: [styles.input, disabled && styles.disabled], onFocus: onFocus, onBlur: onBlur, "aria-disabled": disabled, onChangeText: onTextInputChange, onKeyPress: onTextInputKeyPress, readOnly: readOnly, placeholder: placeholder })] }), !hideErrors && (_jsx(Box, { direction: "row", style: styles.errorContainer, children: isNotNullish(error) ? (_jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], children: error })) : (_jsx(LakeText, { variant: "smallRegular", color: colors.gray[500], children: help ?? " " })) }))] }));
+                            : undefined, style: styles.tag, color: validator(value) ? "gray" : "negative", children: value }, i))), _jsx(TextInput, { ref: mergedRef, style: [styles.input, disabled && styles.disabled], onFocus: onFocus, onBlur: onBlur, "aria-disabled": disabled, onChangeText: onTextInputChange, onKeyPress: onTextInputKeyPress, readOnly: readOnly, placeholder: placeholder })] }), !hideErrors && (_jsx(Box, { direction: "row", style: styles.errorContainer, children: isNotNullish(error) ? (_jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], children: error })) : (_jsx(LakeText, { variant: "smallRegular", color: colors.gray[500], children: help !== null && help !== void 0 ? help : " " })) }))] }));
 });

package/src/components/LakeTextInput.d.ts

@@ -229,7 +229,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
     disabled?: boolean | undefined;
     color?: "gray" | "live" | "sandbox" | "positive" | "warning" | "negative" | "current" | "partner" | "swan" | "shakespear" | "darkPink" | "sunglow" | "mediumSladeBlue" | undefined;
     multiline?: boolean | undefined;
-    icon?: "lake-building-bank" | "lake-calendar-arrow-swap" | "lake-call" | "lake-card" | "lake-card-add" | "lake-card-filled" | "lake-card-one-off" | "lake-card-physical" | "lake-card-recurring" | "lake-card-single-use" | "lake-card-virtual" | "lake-check" | "lake-chevron-double" | "lake-clipboard-bullet" | "lake-clock" | "lake-clock-arrow-swap" | "lake-close" | "lake-compass" | "lake-currencies" | "lake-delivery-grouped" | "lake-delivery-individual" | "lake-denied" | "lake-document-csv" | "lake-document-jpg" | "lake-document-pdf" | "lake-document-png" | "lake-document-xls" | "lake-email" | "lake-eraser" | "lake-error" | "lake-face-id" | "lake-fingerprint" | "lake-id-card" | "lake-inbox-empty" | "lake-key" | "lake-lock-closed" | "lake-menu" | "lake-people" | "lake-person-arrow-swap" | "lake-person-support" | "lake-phone" | "lake-receipt" | "lake-settings" | "lake-shield" | "lake-signature" | "lake-transfer" | "lake-warning" | "lake-world-map" | "add-circle-filled" | "add-circle-regular" | "add-filled" | "approvals-app-filled" | "apps-list-filled" | "apps-list-regular" | "arrow-counterclockwise-filled" | "arrow-clockwise-filled" | "arrow-down-filled" | "arrow-down-regular" | "arrow-download-filled" | "arrow-left-filled" | "arrow-left-regular" | "arrow-right-filled" | "arrow-right-regular" | "arrow-swap-filled" | "arrow-swap-regular" | "arrow-up-filled" | "arrow-up-regular" | "arrow-upload-filled" | "arrow-upload-regular" | "beaker-filled" | "beaker-regular" | "board-filled" | "board-regular" | "box-regular" | "building-bank-filled" | "building-bank-regular" | "building-filled" | "building-multiple-regular" | "building-regular" | "building-shop-regular" | "calendar-ltr-regular" | "cart-regular" | "chat-help-filled" | "chat-help-regular" | "check-filled" | "check-regular" | "checkmark-circle-regular" | "checkmark-filled" | "chevron-down-filled" | "chevron-left-filled" | "chevron-right-filled" | "chevron-up-down-regular" | "chevron-up-filled" | "clipboard-search-regular" | "clock-filled" | "clock-regular" | "cloud-sync-filled" | "cloud-sync-regular" | "code-filled" | "code-regular" | "color-regular" | "comment-note-regular" | "copy-filled" | "copy-regular" | "cursor-click-regular" | "database-filled" | "database-regular" | "delete-filled" | "delete-regular" | "desktop-regular" | "device-meeting-room-regular" | "dismiss-circle-regular" | "dismiss-filled" | "dismiss-regular" | "document-regular" | "earth-regular" | "edit-filled" | "edit-regular" | "error-circle-filled" | "error-circle-regular" | "eye-filled" | "eye-off-filled" | "eye-regular" | "eye-off-regular" | "filter-filled" | "flag-filled" | "flag-regular" | "flash-filled" | "flash-regular" | "form-new-filled" | "form-new-regular" | "hand-right-regular" | "image-add-filled" | "image-add-regular" | "image-filled" | "image-regular" | "info-filled" | "info-regular" | "key-regular" | "link-filled" | "live-filled" | "live-regular" | "lock-closed-filled" | "lock-closed-regular" | "lock-open-filled" | "lock-open-regular" | "mail-filled" | "mail-regular" | "money-regular" | "money-filled" | "more-horizontal-filled" | "more-vertical-filled" | "open-filled" | "open-regular" | "options-regular" | "paint-brush-filled" | "paint-brush-regular" | "pause-regular" | "payment-filled" | "payment-regular" | "people-add-regular" | "people-community-filled" | "people-community-regular" | "people-filled" | "people-regular" | "people-team-regular" | "person-accounts-filled" | "person-accounts-regular" | "person-add-regular" | "person-call-filled" | "person-call-regular" | "person-filled" | "person-lock-regular" | "person-regular" | "phone-filled" | "phone-regular" | "pin-regular" | "play-filled" | "play-regular" | "preview-link-filled" | "qr-code-regular" | "question-circle-regular" | "receipt-money-filled" | "receipt-money-regular" | "rocket-regular" | "search-filled" | "send-filled" | "send-regular" | "settings-filled" | "settings-regular" | "shield-checkmark-filled" | "shield-checkmark-regular" | "shield-error-regular" | "shield-regular" | "sign-out-regular" | "signature-filled" | "signature-regular" | "subtract-circle-filled" | "subtract-circle-regular" | "target-arrow-regular" | "task-list-square-ltr-filled" | "task-list-square-ltr-regular" | "warning-filled" | "warning-regular" | "window-dev-tools-filled" | "window-dev-tools-regular" | undefined;
+    icon?: "lake-building-bank" | "lake-calendar-arrow-swap" | "lake-call" | "lake-card" | "lake-card-add" | "lake-card-filled" | "lake-card-one-off" | "lake-card-physical" | "lake-card-recurring" | "lake-card-single-use" | "lake-card-virtual" | "lake-check" | "lake-chevron-double" | "lake-clipboard-bullet" | "lake-clock" | "lake-clock-arrow-swap" | "lake-close" | "lake-compass" | "lake-currencies" | "lake-delivery-grouped" | "lake-delivery-individual" | "lake-denied" | "lake-document-csv" | "lake-document-jpg" | "lake-document-pdf" | "lake-document-png" | "lake-document-xls" | "lake-email" | "lake-eraser" | "lake-error" | "lake-face-id" | "lake-fingerprint" | "lake-id-card" | "lake-inbox-empty" | "lake-key" | "lake-lock-closed" | "lake-menu" | "lake-people" | "lake-person-arrow-swap" | "lake-person-support" | "lake-phone" | "lake-receipt" | "lake-settings" | "lake-shield" | "lake-signature" | "lake-transfer" | "lake-warning" | "lake-world-map" | "add-circle-filled" | "add-circle-regular" | "add-filled" | "approvals-app-filled" | "apps-list-filled" | "apps-list-regular" | "arrow-counterclockwise-filled" | "arrow-clockwise-filled" | "arrow-down-filled" | "arrow-down-regular" | "arrow-download-filled" | "arrow-left-filled" | "arrow-left-regular" | "arrow-right-filled" | "arrow-right-regular" | "arrow-swap-filled" | "arrow-swap-regular" | "arrow-up-filled" | "arrow-up-regular" | "arrow-upload-filled" | "arrow-upload-regular" | "beaker-filled" | "beaker-regular" | "board-filled" | "board-regular" | "box-regular" | "building-bank-filled" | "building-bank-regular" | "building-filled" | "building-multiple-regular" | "building-regular" | "building-shop-regular" | "calendar-ltr-regular" | "cart-regular" | "chat-help-filled" | "chat-help-regular" | "check-filled" | "check-regular" | "checkmark-circle-regular" | "checkmark-filled" | "chevron-down-filled" | "chevron-left-filled" | "chevron-right-filled" | "chevron-up-down-regular" | "chevron-up-filled" | "clipboard-search-regular" | "clock-filled" | "clock-regular" | "cloud-sync-filled" | "cloud-sync-regular" | "code-filled" | "code-regular" | "color-regular" | "comment-note-regular" | "copy-filled" | "copy-regular" | "cursor-click-regular" | "database-filled" | "database-regular" | "delete-filled" | "delete-regular" | "desktop-regular" | "device-meeting-room-regular" | "dismiss-circle-regular" | "dismiss-filled" | "dismiss-regular" | "document-regular" | "earth-regular" | "edit-filled" | "edit-regular" | "error-circle-filled" | "error-circle-regular" | "eye-filled" | "eye-off-filled" | "eye-regular" | "eye-off-regular" | "filter-filled" | "flag-filled" | "flag-regular" | "flash-filled" | "flash-regular" | "form-new-filled" | "form-new-regular" | "hand-right-regular" | "image-add-filled" | "image-add-regular" | "image-filled" | "image-regular" | "info-filled" | "info-regular" | "key-regular" | "link-filled" | "live-filled" | "live-regular" | "lock-closed-filled" | "lock-closed-regular" | "lock-open-filled" | "lock-open-regular" | "mail-filled" | "mail-regular" | "money-calculator-regular" | "money-calculator-filled" | "money-regular" | "money-filled" | "more-horizontal-filled" | "more-vertical-filled" | "open-filled" | "open-regular" | "options-regular" | "paint-brush-filled" | "paint-brush-regular" | "pause-regular" | "payment-filled" | "payment-regular" | "people-add-regular" | "people-community-filled" | "people-community-regular" | "people-filled" | "people-regular" | "people-team-regular" | "person-accounts-filled" | "person-accounts-regular" | "person-add-regular" | "person-call-filled" | "person-call-regular" | "person-filled" | "person-lock-regular" | "person-regular" | "phone-filled" | "phone-regular" | "pin-regular" | "play-filled" | "play-regular" | "preview-link-filled" | "qr-code-regular" | "question-circle-regular" | "receipt-money-filled" | "receipt-money-regular" | "rocket-regular" | "search-filled" | "send-filled" | "send-regular" | "settings-filled" | "settings-regular" | "shield-checkmark-filled" | "shield-checkmark-regular" | "shield-error-regular" | "shield-regular" | "sign-out-regular" | "signature-filled" | "signature-regular" | "subtract-circle-filled" | "subtract-circle-regular" | "target-arrow-regular" | "task-list-square-ltr-filled" | "task-list-square-ltr-regular" | "warning-filled" | "warning-regular" | "window-dev-tools-filled" | "window-dev-tools-regular" | undefined;
     unit?: string | undefined;
     units?: string[] | undefined;
     inputMode?: TextInputProps["inputMode"];

package/src/components/LakeTextInput.js

@@ -139,11 +139,11 @@ maxCharCount, help, renderEnd, ...props }, forwardRef) => {
     });
     const onFocus = useCallback((event) => {
         setIsFocused(true);
-        originalOnFocus?.(event);
+        originalOnFocus === null || originalOnFocus === void 0 ? void 0 : originalOnFocus(event);
     }, [originalOnFocus]);
     const onBlur = useCallback((event) => {
         setIsFocused(false);
-        originalOnBlur?.(event);
+        originalOnBlur === null || originalOnBlur === void 0 ? void 0 : originalOnBlur(event);
     }, [originalOnBlur]);
     const mergedRef = useMergeRefs(inputRef, forwardRef);
     const isInteractive = !disabled && !readOnly;
@@ -157,15 +157,15 @@ maxCharCount, help, renderEnd, ...props }, forwardRef) => {
                                     disabled && styles.disabled,
                                     readOnly && styles.readOnly,
                                     isFocused && styles.focused,
-                                    isNotNullish(unit ?? units) && styles.inputWithUnit,
+                                    isNotNullish(unit !== null && unit !== void 0 ? unit : units) && styles.inputWithUnit,
                                     hasError && styles.error,
                                     valid && styles.valid,
                                     stylesFromProps,
-                                ], ref: containerRef, children: [isNotNullish(icon) && (_jsx(Icon, { name: icon, size: 20, color: colors.current.primary, style: styles.icon })), _jsx(TextInput, { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, inputMode: inputMode, ...props, defaultValue: defaultValue, value: isNullish(defaultValue) ? value ?? "" : value, onFocus: onFocus, onBlur: onBlur, readOnly: !isInteractive, onChange: onChange, multiline: multiline, ref: mergedRef, style: [
+                                ], ref: containerRef, children: [isNotNullish(icon) && (_jsx(Icon, { name: icon, size: 20, color: colors.current.primary, style: styles.icon })), _jsx(TextInput, { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, inputMode: inputMode, ...props, defaultValue: defaultValue, value: isNullish(defaultValue) ? value !== null && value !== void 0 ? value : "" : value, onFocus: onFocus, onBlur: onBlur, readOnly: !isInteractive, onChange: onChange, multiline: multiline, ref: mergedRef, style: [
                                             styles.input,
                                             multiline && styles.multilineInput,
                                             readOnly && hasError && styles.readOnlyError,
                                             disabled && styles.disabled,
                                             readOnly && styles.readOnly,
-                                        ] }), isNotNullish(renderEnd) && _jsx(View, { style: styles.endComponents, children: renderEnd() }), validating && (_jsx(ActivityIndicator, { size: "small", style: styles.endIcon, color: colors.current[500] })), !validating && hasError && (_jsx(Icon, { name: "warning-regular", size: 20, color: colors.negative[400], style: [styles.endIcon, readOnly && styles.readOnlyEndIcon] })), !validating && !hasError && valid && (_jsx(Icon, { name: "checkmark-filled", size: 20, color: colors.positive[400], style: [styles.endIcon, readOnly && styles.readOnlyEndIcon] }))] }), isNotNullish(units) && isNotNullish(onUnitChange) ? (_jsx(Box, { children: _jsx(LakeSelect, { value: unit, onValueChange: onUnitChange, items: units.map(value => ({ name: value, value })), disabled: disabled, style: [styles.unit, (disabled || readOnly) && styles.unitDisabled], mode: "borderless", hideErrors: true }) })) : isNotNullish(unit) ? (_jsx(LakeText, { color: colors.gray[900], style: [styles.unit, (disabled || readOnly) && styles.unitDisabled], children: unit })) : null] }), children] }), !hideErrors && (_jsxs(Box, { direction: "row", style: styles.errorContainer, children: [isNotNullish(error) ? (_jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], children: error })) : (_jsx(LakeText, { variant: "smallRegular", color: colors.gray[500], children: help ?? " " })), isNotNullish(maxCharCount) && (_jsxs(_Fragment, { children: [_jsx(Fill, { minWidth: 4 }), _jsxs(LakeText, { variant: "smallRegular", color: charCount > maxCharCount ? colors.negative[500] : colors.gray[400], style: styles.descriptionLimitation, children: [charCount, " / ", maxCharCount] })] }))] }))] }));
+                                        ] }), isNotNullish(renderEnd) && _jsx(View, { style: styles.endComponents, children: renderEnd() }), validating && (_jsx(ActivityIndicator, { size: "small", style: styles.endIcon, color: colors.current[500] })), !validating && hasError && (_jsx(Icon, { name: "warning-regular", size: 20, color: colors.negative[400], style: [styles.endIcon, readOnly && styles.readOnlyEndIcon] })), !validating && !hasError && valid && (_jsx(Icon, { name: "checkmark-filled", size: 20, color: colors.positive[400], style: [styles.endIcon, readOnly && styles.readOnlyEndIcon] }))] }), isNotNullish(units) && isNotNullish(onUnitChange) ? (_jsx(Box, { children: _jsx(LakeSelect, { value: unit, onValueChange: onUnitChange, items: units.map(value => ({ name: value, value })), disabled: disabled, style: [styles.unit, (disabled || readOnly) && styles.unitDisabled], mode: "borderless", hideErrors: true }) })) : isNotNullish(unit) ? (_jsx(LakeText, { color: colors.gray[900], style: [styles.unit, (disabled || readOnly) && styles.unitDisabled], children: unit })) : null] }), children] }), !hideErrors && (_jsxs(Box, { direction: "row", style: styles.errorContainer, children: [isNotNullish(error) ? (_jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], children: error })) : (_jsx(LakeText, { variant: "smallRegular", color: colors.gray[500], children: help !== null && help !== void 0 ? help : " " })), isNotNullish(maxCharCount) && (_jsxs(_Fragment, { children: [_jsx(Fill, { minWidth: 4 }), _jsxs(LakeText, { variant: "smallRegular", color: charCount > maxCharCount ? colors.negative[500] : colors.gray[400], style: styles.descriptionLimitation, children: [charCount, " / ", maxCharCount] })] }))] }))] }));
 });

package/src/components/LakeTooltip.js

@@ -90,6 +90,7 @@ export const LakeTooltip = ({ content, children, ...rest }) => {
     return (_jsx(Tooltip, { content: content, ...rest, children: children }));
 };
 const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenceWidth = false, hideArrow = false, onHide, onShow, placement, width, togglableOnFocus = false, containerStyle, disabled = false, }, forwardedRef) => {
+    var _a, _b;
     const referenceRef = useRef(null);
     const rootElement = getRootElement(referenceRef.current);
     const [popperElement, setPopperElement] = useState(null);
@@ -102,7 +103,7 @@ const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenc
     useHover(referenceRef, {
         disabled: !canHover,
         onHoverChange: nextVisible => {
-            nextVisible ? onShow?.() : onHide?.();
+            nextVisible ? onShow === null || onShow === void 0 ? void 0 : onShow() : onHide === null || onHide === void 0 ? void 0 : onHide();
             setVisible(nextVisible);
         },
     });
@@ -115,7 +116,7 @@ const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenc
             { ...matchReferenceWidthModifier, enabled: matchReferenceWidth },
         ], [matchReferenceWidth]),
     });
-    const overflowOffset = state?.modifiersData.preventOverflow?.x ?? 0;
+    const overflowOffset = (_b = (_a = state === null || state === void 0 ? void 0 : state.modifiersData.preventOverflow) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0;
     useEffect(() => {
         const node = referenceRef.current;
         if (!(node instanceof Element)) {
@@ -129,7 +130,7 @@ const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenc
             event.preventDefault();
             const { target } = event;
             if (target instanceof Element && (node === target || node.contains(target))) {
-                onHide?.();
+                onHide === null || onHide === void 0 ? void 0 : onHide();
                 setVisible(false);
             }
         };
@@ -160,25 +161,25 @@ const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenc
         return () => clearTimeout(timeoutRef.current);
     }, []);
     useLayoutEffect(() => {
-        void update?.();
+        void (update === null || update === void 0 ? void 0 : update());
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [content]);
     return (_jsxs(_Fragment, { children: [_jsx(View, { ref: referenceRef, style: containerStyle, children: children }), isNotNullish(rootElement) && visible && !disabled && (_jsx(Portal, { container: rootElement, children: _jsx("div", { ref: setPopperElement, style: { ...popperStyles.popper, maxWidth: MAX_WIDTH }, ...attributes.popper, role: "tooltip", "aria-describedby": describedBy, children: _jsxs(View, { style: [
                             styles.base,
-                            state?.placement === "top" && styles.baseTop,
-                            state?.placement === "bottom" && styles.baseBottom,
-                            state?.placement === "right" && styles.baseRight,
-                            state?.placement === "left" && styles.baseLeft,
+                            (state === null || state === void 0 ? void 0 : state.placement) === "top" && styles.baseTop,
+                            (state === null || state === void 0 ? void 0 : state.placement) === "bottom" && styles.baseBottom,
+                            (state === null || state === void 0 ? void 0 : state.placement) === "right" && styles.baseRight,
+                            (state === null || state === void 0 ? void 0 : state.placement) === "left" && styles.baseLeft,
                         ], children: [_jsx(View, { style: [styles.content, { width, maxWidth: MAX_WIDTH }], children: isReactText(content) ? (_jsx(LakeText, { align: "center", color: colors.gray.contrast, children: content })) : (content) }), !hideArrow && (_jsx(View, { role: "none", style: [
-                                    state?.placement === "right" || state?.placement === "left"
+                                    (state === null || state === void 0 ? void 0 : state.placement) === "right" || (state === null || state === void 0 ? void 0 : state.placement) === "left"
                                         ? styles.arrowContainerHorizontal
                                         : styles.arrowContainer,
-                                    state?.placement === "top" && styles.arrowContainerTop,
-                                    state?.placement === "bottom" && styles.arrowContainerBottom,
-                                    state?.placement === "right" && styles.arrowContainerRight,
-                                    state?.placement === "left" && styles.arrowContainerLeft,
+                                    (state === null || state === void 0 ? void 0 : state.placement) === "top" && styles.arrowContainerTop,
+                                    (state === null || state === void 0 ? void 0 : state.placement) === "bottom" && styles.arrowContainerBottom,
+                                    (state === null || state === void 0 ? void 0 : state.placement) === "right" && styles.arrowContainerRight,
+                                    (state === null || state === void 0 ? void 0 : state.placement) === "left" && styles.arrowContainerLeft,
                                     {
-                                        transform: `translateX(${-overflowOffset}px) rotate(${match(state?.placement)
+                                        transform: `translateX(${-overflowOffset}px) rotate(${match(state === null || state === void 0 ? void 0 : state.placement)
                                             .with("bottom", () => "180deg")
                                             .with("left", () => "-90deg")
                                             .with("right", () => "90deg")

package/src/components/Link.js

@@ -11,7 +11,7 @@ export const Link = memo(forwardRef(({ role = "link", children, disabled = false
                 e.preventDefault();
             }
             else {
-                onPress?.(e);
+                onPress === null || onPress === void 0 ? void 0 : onPress(e);
                 onClick(e);
             }
         }, ref: forwardedRef, style: typeof style === "function" ? state => style({ ...state, active }) : style, hrefAttrs: {