@swan-io/lake 8.10.3 → 8.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "8.10.3",
+  "version": "8.11.0",
   "engines": {
     "node": ">=20.9.0",
     "yarn": "^1.22.0"
@@ -26,12 +26,12 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@react-three/drei": "^9.106.0",
-    "@react-three/fiber": "^8.16.7",
+    "@react-three/drei": "^9.109.2",
+    "@react-three/fiber": "^8.16.8",
     "@swan-io/boxed": "^2.3.0",
-    "@swan-io/chicane": "^2.0.0",
+    "@swan-io/chicane": "^2.1.0",
     "@swan-io/use-form": "^2.0.5",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.12",
     "polished": "^4.3.1",
     "prism-react-renderer": "^2.3.1",
     "react": "^18.3.1",
@@ -39,18 +39,18 @@
     "react-dom": "^18.3.1",
     "react-native-web": "^0.19.12",
     "rifm": "^0.12.1",
-    "three": "^0.163.0",
+    "three": "^0.167.0",
     "ts-dedent": "^2.2.0",
-    "ts-pattern": "^5.1.2",
-    "uuid": "^9.0.1"
+    "ts-pattern": "^5.2.0",
+    "uuid": "^10.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-native": "^0.72.8",
     "@types/three": "^0.163.0",
-    "@types/uuid": "^9.0.8",
-    "jsdom": "^24.1.0",
-    "type-fest": "^4.18.3"
+    "@types/uuid": "^10.0.0",
+    "jsdom": "^24.1.1",
+    "type-fest": "^4.23.0"
   }
 }

package/src/components/AutoWidthImage.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { Image } from "react-native";
 export declare const AutoWidthImage: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
-    style?: import("react-native").StyleProp<import("react-native").ImageStyle>;
+    style?: import("react-native").StyleProp<import("react-native").ImageStyle> | undefined;
     role?: import("react-native").WebRole | undefined;
-    defaultSource?: any;
+    defaultSource?: ImageSourcePropType | string;
     draggable?: boolean | undefined;
     id?: string | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
@@ -18,7 +17,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
     borderBottomLeftRadius?: number | undefined;
     borderBottomRightRadius?: number | undefined;
     resizeMode?: import("react-native").ImageResizeMode | undefined;
-    resizeMethod?: "auto" | "scale" | "resize" | undefined;
+    resizeMethod?: "auto" | "resize" | "scale" | undefined;
     src?: string | undefined;
     srcSet?: string | undefined;
     loadingIndicatorSource?: import("react-native").ImageURISource | undefined;
@@ -36,10 +35,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
     onPartialLoad?: (() => void) | undefined;
     fadeDuration?: number | undefined;
     accessible?: boolean | undefined;
-    accessibilityActions?: readonly Readonly<{
-        name: string;
-        label?: string | undefined;
-    }>[] | undefined;
+    accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
     accessibilityLabel?: string | undefined;
     "aria-label"?: string | undefined;
     accessibilityRole?: import("react-native").AccessibilityRole | undefined;
@@ -52,14 +48,14 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
     "aria-labelledby"?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | 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;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
     "aria-hidden"?: boolean | undefined;
-    "aria-live"?: "polite" | "assertive" | "off" | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
     "aria-modal"?: boolean | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
     accessibilityLabelledBy?: string | string[] | undefined;
@@ -70,7 +66,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
-    tabIndex?: 0 | -1 | undefined;
+    tabIndex?: (0 | -1) | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: boolean | undefined;
     "aria-autocomplete"?: string | undefined;
@@ -78,7 +74,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: (boolean | "page" | "step" | "location" | "date" | "time") | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-errormessage"?: string | undefined;
@@ -89,7 +85,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
     "aria-level"?: number | undefined;
     "aria-multiline"?: boolean | undefined;
     "aria-multiselectable"?: boolean | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-orientation"?: ("horizontal" | "vertical") | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
@@ -101,10 +97,10 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
     "aria-rowindex"?: number | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-sort"?: ("ascending" | "descending" | "none" | "other") | undefined;
 } & {
-    ariaLabel?: string | undefined;
-    maxWidth?: number | undefined;
+    ariaLabel?: string;
+    maxWidth?: number;
     height: number;
     sourceUri: string;
 } & import("react").RefAttributes<Image>>>;

package/src/components/Avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     initials?: string;
     size: number;

package/src/components/Box.d.ts

@@ -68,13 +68,13 @@ export type BoxProps = ViewProps & {
     style?: StyleProp<ViewStyle>;
 };
 export declare const Box: import("react").ForwardRefExoticComponent<ViewProps & {
-    alignItems?: BoxAlignItems | undefined;
+    alignItems?: BoxAlignItems;
     children?: ReactNode;
-    direction?: BoxDirection | undefined;
-    justifyContent?: BoxJustifyContent | undefined;
-    wrap?: BoxWrap | undefined;
-    grow?: number | undefined;
-    shrink?: number | undefined;
+    direction?: BoxDirection;
+    justifyContent?: BoxJustifyContent;
+    wrap?: BoxWrap;
+    grow?: number;
+    shrink?: number;
     style?: StyleProp<ViewStyle>;
 } & import("react").RefAttributes<View>>;
 export {};

package/src/components/Card3dPreview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as THREE from "three";
 export type Card3dAssetsUrls = {
     envNx: string;

package/src/components/Form.d.ts

@@ -1,20 +1,20 @@
 import { ReactNode } from "react";
 import { View } from "react-native";
 export declare const Form: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
-    children?: ReactNode;
+    children?: ReactNode | undefined;
     hitSlop?: import("react-native").Insets | undefined;
     id?: string | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
-    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
     removeClippedSubviews?: boolean | undefined;
-    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | undefined;
     testID?: string | undefined;
     nativeID?: string | undefined;
-    onKeyDown?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
-    onKeyDownCapture?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
-    onKeyUp?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
-    onKeyUpCapture?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
-    onScroll?: ((event: NativeSyntheticEvent<import("react").UIEvent<Element, UIEvent>>) => void) | 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;
     needsOffscreenAlphaCompositing?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -57,10 +57,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
     onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
     accessible?: boolean | undefined;
-    accessibilityActions?: readonly Readonly<{
-        name: string;
-        label?: string | undefined;
-    }>[] | undefined;
+    accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
     accessibilityLabel?: string | undefined;
     "aria-label"?: string | undefined;
     accessibilityRole?: import("react-native").AccessibilityRole | undefined;
@@ -73,14 +70,14 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
     "aria-labelledby"?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | 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;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
     "aria-hidden"?: boolean | undefined;
-    "aria-live"?: "polite" | "assertive" | "off" | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
     "aria-modal"?: boolean | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
     accessibilityLabelledBy?: string | string[] | undefined;
@@ -91,7 +88,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
-    tabIndex?: 0 | -1 | undefined;
+    tabIndex?: (0 | -1) | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: boolean | undefined;
     "aria-autocomplete"?: string | undefined;
@@ -99,7 +96,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: (boolean | "page" | "step" | "location" | "date" | "time") | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-errormessage"?: string | undefined;
@@ -110,7 +107,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
     "aria-level"?: number | undefined;
     "aria-multiline"?: boolean | undefined;
     "aria-multiselectable"?: boolean | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-orientation"?: ("horizontal" | "vertical") | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
@@ -122,9 +119,9 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
     "aria-rowindex"?: number | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-sort"?: ("ascending" | "descending" | "none" | "other") | undefined;
 } & {
     children?: ReactNode;
-    onReset?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
-    onSubmit?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
+    onReset?: (event: React.FormEvent<HTMLElement>) => void;
+    onSubmit?: (event: React.FormEvent<HTMLElement>) => void;
 } & import("react").RefAttributes<View>>>;

package/src/components/Icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle, WebAccessibilityProps } from "react-native";
 declare const paths: {
     "lake-building-bank": string;

package/src/components/LakeButton.js

@@ -50,6 +50,7 @@ const styles = StyleSheet.create({
     pressed: {
         opacity: 0.15,
         backgroundColor: colors.gray[900],
+        borderRadius: radii[6],
     },
     small: {
         height: 40,

package/src/components/LakeHeading.d.ts

@@ -1,11 +1,32 @@
 import { ReactNode } from "react";
 import { Text, TextStyle } from "react-native";
+declare const alignments: {
+    center: {
+        textAlign: "center";
+    };
+    left: {
+        textAlign: "left";
+    };
+    right: {
+        textAlign: "right";
+    };
+};
+declare const variants: {
+    h1: TextStyle;
+    h2: TextStyle;
+    h3: TextStyle;
+    h4: TextStyle;
+    h5: TextStyle;
+    h6: TextStyle;
+};
+type HeadingAlign = keyof typeof alignments;
+type HeadingVariant = keyof typeof variants;
 export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     allowFontScaling?: boolean | undefined;
-    children?: ReactNode;
-    ellipsizeMode?: "clip" | "middle" | "head" | "tail" | undefined;
+    children?: ReactNode | undefined;
+    ellipsizeMode?: "head" | "middle" | "tail" | "clip" | undefined;
     id?: string | undefined;
-    lineBreakMode?: "clip" | "middle" | "head" | "tail" | undefined;
+    lineBreakMode?: "head" | "middle" | "tail" | "clip" | undefined;
     numberOfLines?: number | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
     onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
@@ -13,7 +34,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
     onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
     onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    style?: import("react-native").StyleProp<TextStyle>;
+    style?: import("react-native").StyleProp<TextStyle> | undefined;
     testID?: string | undefined;
     nativeID?: string | undefined;
     maxFontSizeMultiplier?: number | null | undefined;
@@ -21,7 +42,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     hrefAttrs?: import("react-native").HrefAttrs | undefined;
     lang?: string | undefined;
     adjustsFontSizeToFit?: boolean | undefined;
-    dynamicTypeRamp?: "body" | "caption2" | "caption1" | "footnote" | "subheadline" | "callout" | "headline" | "title3" | "title2" | "title1" | "largeTitle" | undefined;
+    dynamicTypeRamp?: "caption2" | "caption1" | "footnote" | "subheadline" | "callout" | "body" | "headline" | "title3" | "title2" | "title1" | "largeTitle" | undefined;
     minimumFontScale?: number | undefined;
     suppressHighlighting?: boolean | undefined;
     lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
@@ -29,13 +50,10 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     selectable?: boolean | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
+    dataDetectorType?: null | "phoneNumber" | "link" | "email" | "none" | "all" | undefined;
     android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
     accessible?: boolean | undefined;
-    accessibilityActions?: readonly Readonly<{
-        name: string;
-        label?: string | undefined;
-    }>[] | undefined;
+    accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
     accessibilityLabel?: string | undefined;
     "aria-label"?: string | undefined;
     accessibilityRole?: import("react-native").AccessibilityRole | undefined;
@@ -48,14 +66,14 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     "aria-labelledby"?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | 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;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
     "aria-hidden"?: boolean | undefined;
-    "aria-live"?: "polite" | "assertive" | "off" | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
     "aria-modal"?: boolean | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
     accessibilityLabelledBy?: string | string[] | undefined;
@@ -66,7 +84,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
-    tabIndex?: 0 | -1 | undefined;
+    tabIndex?: (0 | -1) | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: boolean | undefined;
     "aria-autocomplete"?: string | undefined;
@@ -74,7 +92,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: (boolean | "page" | "step" | "location" | "date" | "time") | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-errormessage"?: string | undefined;
@@ -85,7 +103,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     "aria-level"?: number | undefined;
     "aria-multiline"?: boolean | undefined;
     "aria-multiselectable"?: boolean | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-orientation"?: ("horizontal" | "vertical") | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
@@ -97,12 +115,13 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     "aria-rowindex"?: number | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-sort"?: ("ascending" | "descending" | "none" | "other") | undefined;
 } & {
-    align?: "left" | "right" | "center" | undefined;
+    align?: HeadingAlign;
     children: ReactNode;
-    color?: string | undefined;
+    color?: string;
     level: 1 | 2 | 3 | 4 | 5 | 6 | "none";
     userSelect?: TextStyle["userSelect"];
-    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    variant?: HeadingVariant;
 } & import("react").RefAttributes<Text>>;
+export {};

package/src/components/LakeTagInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NativeSyntheticEvent, TextInput, TextInputFocusEventData, TextInputKeyPressEventData, TextInputProps } from "react-native";
 import { Merge } from "type-fest";
 export type LakeTagInputProps = Merge<TextInputProps, {
@@ -53,8 +52,8 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
         end?: number | undefined;
     } | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
-    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
-    textAlign?: "left" | "right" | "center" | undefined;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle> | undefined;
+    textAlign?: "left" | "center" | "right" | undefined;
     testID?: string | undefined;
     inputAccessoryViewID?: string | undefined;
     value?: string | undefined;
@@ -62,20 +61,20 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     role?: import("react-native").WebRole | undefined;
     lang?: string | undefined;
     initialValue?: string | undefined;
-    autoComplete?: "name" | "off" | "email" | "tel" | "url" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
-    enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
+    autoComplete?: ("additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username") | undefined;
+    enterKeyHint?: ("enter" | "done" | "go" | "next" | "previous" | "search" | "send") | undefined;
     rows?: number | undefined;
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
     hitSlop?: import("react-native").Insets | undefined;
     id?: string | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
-    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
     removeClippedSubviews?: boolean | undefined;
     nativeID?: string | undefined;
-    onKeyDown?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
-    onKeyDownCapture?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
-    onKeyUp?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
-    onKeyUpCapture?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | 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;
     collapsable?: boolean | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -118,10 +117,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
     accessible?: boolean | undefined;
-    accessibilityActions?: readonly Readonly<{
-        name: string;
-        label?: string | undefined;
-    }>[] | undefined;
+    accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
     accessibilityLabel?: string | undefined;
     "aria-label"?: string | undefined;
     accessibilityRole?: import("react-native").AccessibilityRole | undefined;
@@ -134,14 +130,14 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     "aria-labelledby"?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | 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;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
     "aria-hidden"?: boolean | undefined;
-    "aria-live"?: "polite" | "assertive" | "off" | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
     "aria-modal"?: boolean | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
     accessibilityLabelledBy?: string | string[] | undefined;
@@ -152,7 +148,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
-    tabIndex?: 0 | -1 | undefined;
+    tabIndex?: (0 | -1) | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: boolean | undefined;
     "aria-autocomplete"?: string | undefined;
@@ -160,7 +156,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: (boolean | "page" | "step" | "location" | "date" | "time") | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-errormessage"?: string | undefined;
@@ -171,7 +167,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     "aria-level"?: number | undefined;
     "aria-multiline"?: boolean | undefined;
     "aria-multiselectable"?: boolean | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-orientation"?: ("horizontal" | "vertical") | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
@@ -183,7 +179,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     "aria-rowindex"?: number | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-sort"?: ("ascending" | "descending" | "none" | "other") | undefined;
     clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
@@ -193,11 +189,11 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     rejectResponderTermination?: boolean | null | undefined;
     selectionState?: import("react-native").DocumentSelectionState | undefined;
     spellCheck?: boolean | undefined;
-    textContentType?: "none" | "name" | "location" | "nickname" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "password" | "newPassword" | "oneTimeCode" | undefined;
+    textContentType?: "none" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "name" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" | "password" | "newPassword" | "oneTimeCode" | undefined;
     scrollEnabled?: boolean | undefined;
     lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
     cursorColor?: import("react-native").ColorValue | null | undefined;
-    importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
+    importantForAutofill?: "auto" | "no" | "noExcludeDescendants" | "yes" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
     inlineImagePadding?: number | undefined;
@@ -205,9 +201,9 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     returnKeyLabel?: string | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     underlineColorAndroid?: import("react-native").ColorValue | undefined;
-    textAlignVertical?: "bottom" | "top" | "auto" | "center" | undefined;
+    textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
     showSoftInputOnFocus?: boolean | undefined;
-    verticalAlign?: "bottom" | "top" | "auto" | "middle" | undefined;
+    verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
     readOnly?: boolean | undefined;
     error?: string | undefined;
     disabled?: boolean | undefined;

package/src/components/LakeText.d.ts

@@ -1,5 +1,17 @@
-import { ReactNode } from "react";
+import { ComponentProps, ReactNode } from "react";
 import { Text, TextProps, TextStyle } from "react-native";
+import { LakeTooltip } from "./LakeTooltip";
+declare const alignments: {
+    center: {
+        textAlign: "center";
+    };
+    left: {
+        textAlign: "left";
+    };
+    right: {
+        textAlign: "right";
+    };
+};
 declare const variants: {
     semibold: TextStyle;
     medium: TextStyle;
@@ -9,27 +21,14 @@ declare const variants: {
     smallMedium: TextStyle;
     smallRegular: TextStyle;
 };
+type TextAlign = keyof typeof alignments;
 export type TextVariant = keyof typeof variants;
 export declare const LakeText: import("react").ForwardRefExoticComponent<TextProps & {
-    align?: "left" | "right" | "center" | undefined;
+    align?: TextAlign;
     children: ReactNode;
-    color?: string | undefined;
+    color?: string;
     userSelect?: TextStyle["userSelect"];
-    variant?: "light" | "semibold" | "medium" | "regular" | "smallSemibold" | "smallMedium" | "smallRegular" | undefined;
-    tooltip?: Omit<{
-        children: ReactNode;
-        content: ReactNode;
-        describedBy?: string | undefined;
-        matchReferenceWidth?: boolean | undefined;
-        hideArrow?: boolean | undefined;
-        onHide?: (() => void) | undefined;
-        onShow?: (() => void) | undefined;
-        placement?: "left" | "right" | "center" | undefined;
-        width?: number | undefined;
-        maxWidth?: number | undefined;
-        togglableOnFocus?: boolean | undefined;
-        containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-        disabled?: boolean | undefined;
-    } & import("react").RefAttributes<import("./LakeTooltip").TooltipRef>, "children"> | undefined;
+    variant?: TextVariant;
+    tooltip?: Omit<ComponentProps<typeof LakeTooltip>, "children">;
 } & import("react").RefAttributes<Text>>;
 export {};