@swan-io/lake 15.3.1 → 15.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "15.3.1",
+  "version": "15.4.0",
   "engines": {
     "node": ">22.12.0"
   },
@@ -33,19 +33,19 @@
     "@swan-io/boxed": "^3.2.1",
     "@swan-io/chicane": "^3.0.0",
     "@swan-io/use-form": "^3.1.0",
-    "dayjs": "^1.11.20",
+    "dayjs": "^1.11.21",
     "polished": "^4.3.1",
     "rifm": "^0.12.1",
     "ts-pattern": "^5.9.0",
-    "uuid": "^14.0.0"
+    "uuid": "^14.0.1"
   },
   "devDependencies": {
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@types/react-native": "^0.72.8",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-native-web": "^0.21.2",
-    "type-fest": "^5.6.0"
+    "type-fest": "^5.8.0"
   }
 }

package/src/components/Accordion.d.ts

@@ -6,5 +6,5 @@ type Props = {
     style?: ViewProps["style"];
     contentContainerStyle?: ViewProps["style"];
 };
-export declare const Accordion: ({ children, trigger, style, contentContainerStyle }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ children, trigger, style, contentContainerStyle }: Props) => import("react").JSX.Element;
 export {};

package/src/components/AppOpeningAnimation.d.ts

@@ -5,5 +5,5 @@ type Props = {
     playing?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare const AppOpeningAnimation: ({ accentColor, appLogo, playing, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const AppOpeningAnimation: ({ accentColor, appLogo, playing, style }: Props) => import("react").JSX.Element;
 export {};

package/src/components/AutoWidthImage.d.ts

@@ -8,5 +8,5 @@ type Props = Except<ImageProps, "source"> & {
     height: number;
     sourceUri: string;
 };
-export declare const AutoWidthImage: import("react").MemoExoticComponent<({ ref, ariaLabel, maxWidth, height, sourceUri, onLoadEnd, style, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export declare const AutoWidthImage: import("react").MemoExoticComponent<({ ref, ariaLabel, maxWidth, height, sourceUri, onLoadEnd, style, ...props }: Props) => import("react").JSX.Element>;
 export {};

package/src/components/AutocompleteSearchInput.d.ts

@@ -20,5 +20,5 @@ type Props<T> = {
     onSuggestion: (suggestion: Suggestion<T>) => void;
     onLoadError?: (error: unknown) => void;
 };
-export declare const AutocompleteSearchInput: <T>({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResult, ListFooterComponent, shouldDisplaySuggestions, loadSuggestions, onSuggestion, onLoadError, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const AutocompleteSearchInput: <T>({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResult, ListFooterComponent, shouldDisplaySuggestions, loadSuggestions, onSuggestion, onLoadError, }: Props<T>) => import("react").JSX.Element;
 export {};

package/src/components/AutocompleteSearchInput.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AsyncData, Result } from "@swan-io/boxed";
 import { useRef, useState } from "react";
 import { StyleSheet } from "react-native";
-import { P, match } from "ts-pattern";
+import { match, P } from "ts-pattern";
 import { colors } from "../constants/design";
 import { LakeCombobox } from "./LakeCombobox";
 import { LakeText } from "./LakeText";

package/src/components/Avatar.js

@@ -27,14 +27,11 @@ const initialsToVariant = (initials) => {
 };
 export const Avatar = memo(({ user, size }) => {
     const initials = match(user)
-        .with(P.nonNullable, user => {
-        var _a, _b, _c, _d, _e;
-        return ((_b = (_a = user.firstName) === null || _a === void 0 ? void 0 : _a.charAt(0)) !== null && _b !== void 0 ? _b : "") +
-            ((_e = (_d = ((_c = user.preferredLastName) !== null && _c !== void 0 ? _c : user.lastName)) === null || _d === void 0 ? void 0 : _d.charAt(0)) !== null && _e !== void 0 ? _e : "");
-    })
+        .with(P.nonNullable, user => { var _a, _b; var _c, _d, _e; return ((_c = (_a = user.firstName) === null || _a === void 0 ? void 0 : _a.charAt(0)) !== null && _c !== void 0 ? _c : "") +
+        ((_e = (_b = ((_d = user.preferredLastName) !== null && _d !== void 0 ? _d : user.lastName)) === null || _b === void 0 ? void 0 : _b.charAt(0)) !== null && _e !== void 0 ? _e : ""); })
         .otherwise(() => "");
     const variant = initialsToVariant(initials);
-    return (_jsx(View, { role: "img", style: [
+    return (_jsx(View, { role: "img", "aria-label": initials !== "" ? initials : "avatar", style: [
             commonStyles.center,
             styles.container,
             {

package/src/components/BorderedIcon.d.ts

@@ -10,5 +10,5 @@ type Props = {
     size?: number;
     style?: ViewProps["style"];
 };
-export declare const BorderedIcon: ({ name, borderRadius, color, padding, size, style, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const BorderedIcon: ({ name, borderRadius, color, padding, size, style, }: Props) => import("react").JSX.Element;
 export {};

package/src/components/BottomPanel.d.ts

@@ -5,5 +5,5 @@ type Props = {
     children: ReactNode;
     returnFocus?: boolean;
 };
-export declare const BottomPanel: ({ visible, onPressClose, children, returnFocus }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BottomPanel: ({ visible, onPressClose, children, returnFocus }: Props) => import("react").JSX.Element | null;
 export {};

package/src/components/Box.d.ts

@@ -68,5 +68,5 @@ export type BoxProps = ViewProps & {
     shrink?: number;
     style?: StyleProp<ViewStyle>;
 };
-export declare const Box: ({ ref, alignItems, direction, justifyContent, wrap, grow, shrink, style, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Box: ({ ref, alignItems, direction, justifyContent, wrap, grow, shrink, style, ...props }: BoxProps) => import("react").JSX.Element;
 export {};

package/src/components/Breadcrumbs.d.ts

@@ -12,7 +12,7 @@ type Props = {
     rootLevelCrumbs?: readonly Crumb[];
     children: ReactNode;
 };
-export declare const BreadcrumbsRoot: ({ rootLevelCrumbs, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbsRoot: ({ rootLevelCrumbs, children }: Props) => import("react").JSX.Element;
 export declare const useCrumb: (crumb?: Crumb) => void;
-export declare const Breadcrumbs: () => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumbs: () => import("react").JSX.Element;
 export {};

package/src/components/Breadcrumbs.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useId, useMemo, useReducer, useRef, useState, } from "react";
 import { Pressable, StyleSheet, Text, View, } from "react-native";
-import { P, match } from "ts-pattern";
+import { match, P } from "ts-pattern";
 import { v4 as uuid } from "uuid";
 import { animations, backgroundColor, colors, gray75, radii, shadows, spacings, texts, } from "../constants/design";
 import { useHover } from "../hooks/useHover";
@@ -127,9 +127,7 @@ export const BreadcrumbsRoot = ({ rootLevelCrumbs = emptyCrumbArray, children })
         setRootCrumbs(rootLevelCrumbs.map(crumb => ({ id: uuid(), crumb, isRootCrumb: true })));
     }, [rootLevelCrumbs]);
     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]);
-    // biome-ignore lint/correctness/useExhaustiveDependencies(setCrumbs):
-    // biome-ignore lint/correctness/useExhaustiveDependencies(currentIndexRef):
-    const value = useMemo(() => [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef], [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef]);
+    const value = useMemo(() => [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef], [rootCrumbs, orderedCrumbs]);
     return _jsx(BreadcrumbsContext.Provider, { value: value, children: children });
 };
 const useBreadcrumbs = () => {

package/src/components/BulletList.d.ts

@@ -0,0 +1,10 @@
+import { StyleProp, ViewStyle } from "react-native";
+import { TextVariant } from "./LakeText";
+type Props = {
+    items: string[];
+    color?: string;
+    variant?: TextVariant;
+    style?: StyleProp<ViewStyle>;
+};
+export declare const BulletList: ({ items, color, variant, style, }: Props) => import("react").JSX.Element;
+export {};

package/src/components/BulletList.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View } from "react-native";
+import { colors } from "../constants/design";
+import { Box } from "./Box";
+import { LakeText } from "./LakeText";
+import { Space } from "./Space";
+const styles = StyleSheet.create({
+    itemText: {
+        flex: 1,
+    },
+});
+export const BulletList = ({ items, color = colors.gray[700], variant = "regular", style, }) => (_jsx(View, { role: "list", style: style, children: items.map((item, index) => (_jsxs(Box, { role: "listitem", direction: "row", children: [_jsx(LakeText, { "aria-hidden": true, color: color, variant: variant, children: "\u2022" }), _jsx(Space, { width: 8 }), _jsx(LakeText, { color: color, variant: variant, style: styles.itemText, children: item })] }, index))) }));

package/src/components/Cells.d.ts

@@ -23,14 +23,14 @@ type CellProps = {
     style?: StyleProp<ViewStyle>;
     contentContainerStyle?: StyleProp<ViewStyle>;
 };
-export declare const Cell: ({ children, align, direction, fadeOn, style, contentContainerStyle, }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Cell: ({ children, align, direction, fadeOn, style, contentContainerStyle, }: CellProps) => import("react").JSX.Element;
 type HeaderCellProps = {
     align?: Align;
     sort?: SortDirection;
     text: string;
     onPress?: (direction: SortDirection) => void;
 };
-export declare const HeaderCell: ({ align, sort, text, onPress }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderCell: ({ align, sort, text, onPress }: HeaderCellProps) => import("react").JSX.Element;
 type TextCellProps = {
     align?: Align;
     color?: string;
@@ -38,7 +38,7 @@ type TextCellProps = {
     tooltip?: TooltipProp;
     variant?: TextVariant;
 };
-export declare const TextCell: ({ align, color, text, tooltip, variant, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextCell: ({ align, color, text, tooltip, variant, }: TextCellProps) => import("react").JSX.Element;
 type CopyableTextCellProps = {
     copiedWording: string;
     copyWording: string;
@@ -47,7 +47,7 @@ type CopyableTextCellProps = {
     tooltip?: TooltipProp;
     variant?: TextVariant;
 };
-export declare const CopyableTextCell: ({ copiedWording, copyWording, text, textToCopy, tooltip, variant, }: CopyableTextCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyableTextCell: ({ copiedWording, copyWording, text, textToCopy, tooltip, variant, }: CopyableTextCellProps) => import("react").JSX.Element;
 type BalanceCellProps = {
     align?: Align;
     currency: string;
@@ -59,7 +59,7 @@ type BalanceCellProps = {
     value: number;
     variant?: TextVariant;
 };
-export declare const BalanceCell: ({ align, currency, formatCurrency, originalValue, value, variant, }: BalanceCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BalanceCell: ({ align, currency, formatCurrency, originalValue, value, variant, }: BalanceCellProps) => import("react").JSX.Element;
 type LinkCellProps = {
     buttonPosition?: "start" | "end";
     children: ReactNode;
@@ -69,5 +69,5 @@ type LinkCellProps = {
     tooltip?: TooltipProp;
     variant?: TextVariant;
 };
-export declare const LinkCell: ({ buttonPosition, children, external, fadeOn, onPress, tooltip, variant, }: LinkCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LinkCell: ({ buttonPosition, children, external, fadeOn, onPress, tooltip, variant, }: LinkCellProps) => import("react").JSX.Element;
 export {};

package/src/components/Cells.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { StyleSheet, View } from "react-native";
 import { match } from "ts-pattern";

package/src/components/ContextMenu.d.ts

@@ -6,11 +6,11 @@ type ContextMenuProps = {
     withPill?: boolean;
     verticalPlacement?: VerticalPlacement;
 };
-export declare const ContextMenu: ({ children, ariaLabel, withPill, verticalPlacement, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ children, ariaLabel, withPill, verticalPlacement, }: ContextMenuProps) => import("react").JSX.Element;
 type ContextMenuItemProps = {
     children: string;
     withPill?: boolean;
     onPress: () => void;
 };
-export declare const ContextMenuItem: ({ children, withPill, onPress }: ContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuItem: ({ children, withPill, onPress }: ContextMenuItemProps) => import("react").JSX.Element;
 export {};

package/src/components/ContextMenu.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useRef } from "react";
 import { StyleSheet, View } from "react-native";
 import { colors, spacings } from "../constants/design";

package/src/components/EmptyView.d.ts

@@ -9,5 +9,5 @@ type Props = {
     subtitle?: ReactNode;
     children?: ReactNode;
 };
-export declare const EmptyView: ({ icon, borderedIcon, borderedIconPadding, title, subtitle, children, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyView: ({ icon, borderedIcon, borderedIconPadding, title, subtitle, children, }: Props) => import("react").JSX.Element;
 export {};

package/src/components/EmptyView.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StyleSheet, View } from "react-native";
 import { colors } from "../constants/design";
 import { BorderedIcon } from "./BorderedIcon";

package/src/components/Fill.d.ts

@@ -3,5 +3,5 @@ type Props = {
     minHeight?: SpacingValue;
     minWidth?: SpacingValue;
 };
-export declare const Fill: ({ minHeight, minWidth }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Fill: ({ minHeight, minWidth }: Props) => import("react").JSX.Element;
 export {};

package/src/components/FlatList.d.ts

@@ -26,5 +26,5 @@ type Props<T> = {
     showsScrollIndicators?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare const FlatList: <T>({ ref, ItemSeparatorComponent, ListEmptyComponent, ListFooterComponent, ListHeaderComponent, contentContainerStyle, data, horizontal, keyExtractor, onEndReached, onEndReachedThresholdPx, onKeyDown, onScroll, renderItem, role, scrollEventThrottle, showsScrollIndicators, style, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FlatList: <T>({ ref, ItemSeparatorComponent, ListEmptyComponent, ListFooterComponent, ListHeaderComponent, contentContainerStyle, data, horizontal, keyExtractor, onEndReached, onEndReachedThresholdPx, onKeyDown, onScroll, renderItem, role, scrollEventThrottle, showsScrollIndicators, style, }: Props<T>) => import("react").JSX.Element;
 export {};

package/src/components/FlatList.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useRef } from "react";
 import { StyleSheet, View } from "react-native";
 import { ScrollView } from "./ScrollView";
@@ -15,8 +15,8 @@ export const FlatList = ({ ref, ItemSeparatorComponent, ListEmptyComponent, List
     const scrollTrackerStyle = horizontal
         ? { top: 0, width: onEndReachedThresholdPx }
         : { left: 0, height: onEndReachedThresholdPx };
-    // biome-ignore lint/correctness/useExhaustiveDependencies(onEndReached):
-    // biome-ignore lint/correctness/useExhaustiveDependencies(data.length):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(onEndReached): re-create an observer only on list length change
+    // biome-ignore lint/correctness/useExhaustiveDependencies(data.length): re-create an observer only on list length change
     useEffect(() => {
         const element = scrollTrackerRef.current;
         if (element != null) {

package/src/components/FlowPresentation.d.ts

@@ -8,5 +8,5 @@ type Props = {
     steps: FlowStep[];
     mode: "desktop" | "mobile";
 };
-export declare const FlowPresentation: ({ steps, mode }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FlowPresentation: ({ steps, mode }: Props) => import("react").JSX.Element;
 export {};

package/src/components/FocusTrap.d.ts

@@ -13,5 +13,5 @@ type Props = {
     returnFocus: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare const FocusTrap: ({ ref, children, focusLock, onClickOutside, onEscapeKey, returnFocus, style, autoFocus, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FocusTrap: ({ ref, children, focusLock, onClickOutside, onEscapeKey, returnFocus, style, autoFocus, }: Props) => import("react").JSX.Element;
 export {};

package/src/components/Form.d.ts

@@ -8,10 +8,91 @@ type Props = Except<ViewProps, "role"> & {
     onSubmit?: (event: React.FormEvent<HTMLElement>) => void;
 };
 export declare const Form: import("react").MemoExoticComponent<({ ref, style, onReset, onSubmit, ...props }: Props) => import("react").ReactElement<{
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    accessible?: boolean | undefined;
+    accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
+    accessibilityLabel?: string | undefined;
+    "aria-label"?: string | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | undefined;
+    "aria-busy"?: boolean | undefined;
+    "aria-checked"?: boolean | "mixed" | undefined;
+    "aria-disabled"?: boolean | undefined;
+    "aria-expanded"?: boolean | undefined;
+    "aria-selected"?: boolean | undefined;
+    "aria-labelledby"?: string | undefined;
+    accessibilityHint?: string | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+    "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
+    "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
+    "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
+    "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
+    "aria-hidden"?: boolean | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
+    "aria-modal"?: boolean | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined;
+    accessibilityElementsHidden?: boolean | undefined;
+    accessibilityViewIsModal?: boolean | undefined;
+    onAccessibilityEscape?: (() => void) | undefined;
+    onAccessibilityTap?: (() => void) | undefined;
+    onMagicTap?: (() => void) | undefined;
+    accessibilityIgnoresInvertColors?: boolean | undefined;
+    accessibilityLanguage?: string | undefined;
+    isTVSelectable?: boolean | undefined;
+    hasTVPreferredFocus?: boolean | undefined;
+    tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
+    tvParallaxShiftDistanceX?: number | undefined;
+    tvParallaxShiftDistanceY?: number | undefined;
+    tvParallaxTiltAngle?: number | undefined;
+    tvParallaxMagnification?: number | undefined;
+    shouldRasterizeIOS?: boolean | undefined;
+    collapsable?: boolean | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined;
+    focusable?: boolean | undefined;
+    children?: ReactNode;
+    hitSlop?: import("react-native").Insets | undefined;
+    id?: string | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
+    nativeID?: string | undefined;
     ref: Ref<View> | undefined;
     onReset: (event: React.FormEvent<HTMLElement>) => void;
     onSubmit: (event: React.FormEvent<HTMLElement>) => void;
-    style: (import("react-native").StyleProp<import("react-native").ViewStyle> | {
+    style: ({
         readonly alignItems: "stretch";
         readonly backgroundColor: "transparent";
         readonly borderColor: "black";
@@ -30,127 +111,43 @@ export declare const Form: import("react").MemoExoticComponent<({ ref, style, on
         readonly position: "relative";
         readonly textDecoration: "none";
         readonly zIndex: 0;
-    })[];
-    children?: ReactNode;
-    hitSlop?: import("react-native").Insets | undefined;
-    id?: string | undefined | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
-    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
-    removeClippedSubviews?: boolean | undefined | undefined;
-    testID?: string | undefined | undefined;
-    nativeID?: string | undefined | undefined;
-    onKeyDown?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
-    onKeyDownCapture?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
-    onKeyUp?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
-    onKeyUpCapture?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
-    onScroll?: ((event: NativeSyntheticEvent<React.UIEvent>) => void) | undefined;
-    collapsable?: boolean | undefined | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
-    renderToHardwareTextureAndroid?: boolean | undefined | undefined;
-    focusable?: boolean | undefined | undefined;
-    shouldRasterizeIOS?: boolean | undefined | undefined;
-    isTVSelectable?: boolean | undefined | undefined;
-    hasTVPreferredFocus?: boolean | undefined | undefined;
-    tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
-    tvParallaxShiftDistanceX?: number | undefined | undefined;
-    tvParallaxShiftDistanceY?: number | undefined | undefined;
-    tvParallaxTiltAngle?: number | undefined | undefined;
-    tvParallaxMagnification?: number | undefined | undefined;
-    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
-    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
-    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
-    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
-    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
-    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
-    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
-    accessible?: boolean | undefined | undefined;
-    accessibilityActions?: readonly Readonly<{
-        name: import("react-native").AccessibilityActionName | string;
-        label?: string | undefined;
-    }>[] | undefined;
-    accessibilityLabel?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
-    accessibilityState?: import("react-native").AccessibilityState | undefined;
-    "aria-busy"?: boolean | undefined | undefined;
-    "aria-checked"?: boolean | "mixed" | undefined | undefined;
-    "aria-disabled"?: boolean | undefined | undefined;
-    "aria-expanded"?: boolean | undefined | undefined;
-    "aria-selected"?: boolean | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    accessibilityHint?: string | undefined | undefined;
-    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined | undefined;
-    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
-    "aria-hidden"?: boolean | undefined | undefined;
-    "aria-live"?: ("polite" | "assertive" | "off") | undefined | undefined;
-    "aria-modal"?: boolean | undefined | undefined;
-    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
-    accessibilityLabelledBy?: string | string[] | undefined | undefined;
-    accessibilityElementsHidden?: boolean | undefined | undefined;
-    accessibilityViewIsModal?: boolean | undefined | undefined;
-    onAccessibilityEscape?: (() => void) | undefined | undefined;
-    onAccessibilityTap?: (() => void) | undefined | undefined;
-    onMagicTap?: (() => void) | undefined | undefined;
-    accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
-    accessibilityLanguage?: string | undefined | undefined;
-    tabIndex?: 0 | -1 | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: boolean | undefined;
-    "aria-autocomplete"?: string | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-haspopup"?: string | undefined;
-    "aria-invalid"?: boolean | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-multiline"?: boolean | undefined;
-    "aria-multiselectable"?: boolean | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | undefined;
-    "aria-readonly"?: boolean | undefined;
-    "aria-required"?: boolean | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "ascending" | "descending" | "none" | "other" | undefined;
+    } | import("react-native").StyleProp<import("react-native").ViewStyle>)[];
+    tabIndex?: 0 | -1;
+    "aria-activedescendant"?: string;
+    "aria-atomic"?: boolean;
+    "aria-autocomplete"?: string;
+    "aria-colcount"?: number;
+    "aria-colindex"?: number;
+    "aria-colspan"?: number;
+    "aria-controls"?: string;
+    "aria-current"?: boolean | "page" | "step" | "location" | "date" | "time";
+    "aria-describedby"?: string;
+    "aria-details"?: string;
+    "aria-errormessage"?: string;
+    "aria-flowto"?: string;
+    "aria-haspopup"?: string;
+    "aria-invalid"?: boolean;
+    "aria-keyshortcuts"?: string;
+    "aria-level"?: number;
+    "aria-multiline"?: boolean;
+    "aria-multiselectable"?: boolean;
+    "aria-orientation"?: "horizontal" | "vertical";
+    "aria-owns"?: string;
+    "aria-placeholder"?: string;
+    "aria-posinset"?: number;
+    "aria-pressed"?: boolean;
+    "aria-readonly"?: boolean;
+    "aria-required"?: boolean;
+    "aria-roledescription"?: string;
+    "aria-rowcount"?: number;
+    "aria-rowindex"?: number;
+    "aria-rowspan"?: number;
+    "aria-setsize"?: number;
+    "aria-sort"?: "ascending" | "descending" | "none" | "other";
+    onKeyDown?: (event: NativeSyntheticEvent<React.KeyboardEvent>) => void;
+    onKeyDownCapture?: (event: NativeSyntheticEvent<React.KeyboardEvent>) => void;
+    onKeyUp?: (event: NativeSyntheticEvent<React.KeyboardEvent>) => void;
+    onKeyUpCapture?: (event: NativeSyntheticEvent<React.KeyboardEvent>) => void;
+    onScroll?: (event: NativeSyntheticEvent<React.UIEvent>) => void;
 }, string | import("react").JSXElementConstructor<any>>>;
 export {};

package/src/components/FullViewportLayer.d.ts

@@ -3,5 +3,5 @@ type Props = {
     visible: boolean;
     children: ReactNode;
 };
-export declare const FullViewportLayer: ({ visible, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FullViewportLayer: ({ visible, children }: Props) => import("react").JSX.Element;
 export {};

package/src/components/Grid.d.ts

@@ -9,5 +9,5 @@ type Props = {
     style?: StyleProp<ViewStyle>;
     verticalSpace?: SpacingValue;
 };
-export declare const Grid: ({ children, horizontalSpace, itemWrapperStyle, numColumns, style, verticalSpace, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid: ({ children, horizontalSpace, itemWrapperStyle, numColumns, style, verticalSpace, }: Props) => import("react").JSX.Element;
 export {};