@demlanide/react-lucky-components 0.1.0

package/dist/Avatar/types.d.ts

@@ -0,0 +1,31 @@
+import { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+export type AvatarShape = 'romb';
+export interface AvatarProps {
+    /** Avatar image source. When omitted, initials are shown. */
+    imageSource?: ImageSourcePropType;
+    /** Name used to derive initials and accessibility label. */
+    name?: string;
+    /** Email address to display below the name. */
+    email?: string;
+    /** Avatar diameter in pixels. */
+    size?: number;
+    /** Optional container style override. */
+    style?: StyleProp<ViewStyle>;
+    /** Fallback background color when no image is provided. */
+    backgroundColor?: string;
+    /** Fallback initials text color when no image is provided. */
+    textColor?: string;
+    /** Fallback secondary text color when no image is provided. */
+    secondaryTextColor?: string;
+    /** Decorative shape treatment around avatar. */
+    shapes?: AvatarShape;
+    /** Called when the user taps the edit badge. Use this to open gallery/camera and then pass the selected image to your API. */
+    onPhotoChange?: (imageUri: string) => void;
+    /** Forwarded to root container. */
+    testID?: string;
+    /** Custom accessibility label. */
+    accessibilityLabel?: string;
+    /** Whether to hide the name and email details. */
+    noDetails?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/Avatar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Avatar/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,mBAAmB,EACnB,SAAS,EACT,SAAS,EACZ,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,MAAM,WAAW,WAAW;IAC1B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,8HAA8H;IAC9H,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/Avatar/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Avatar/utilities.d.ts

@@ -0,0 +1,8 @@
+export declare function getAvatarInitials(name?: string | null): string;
+export declare function EditPhotoIcon({ size, color }: {
+    size?: number;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const pickFromGallery: (onPhotoSelected: (imageUri: string) => void) => Promise<void>;
+export declare const takePhoto: (onPhotoSelected: (imageUri: string) => void) => Promise<void>;
+//# sourceMappingURL=utilities.d.ts.map

package/dist/Avatar/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/Avatar/utilities.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAW1D;AAEL,wBAAgB,aAAa,CAAC,EAAE,IAAS,EAAE,KAAmC,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAElH;AAED,eAAO,MAAM,eAAe,+BAAsC,MAAM,KAAK,IAAI,kBAyBhF,CAAC;AAEF,eAAO,MAAM,SAAS,+BAAsC,MAAM,KAAK,IAAI,kBAyB1E,CAAC"}

package/dist/Avatar/utilities.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AVATAR_COLORS, DEFAULT_EDIT_PHOTO_COPY, FALLBACK_INITIALS } from "./consts";
+import { Alert } from "react-native";
+import * as ImagePicker from 'expo-image-picker';
+import { Icon } from '../Icon';
+export function getAvatarInitials(name) {
+    if (name == null || name.trim().length === 0) {
+        return FALLBACK_INITIALS;
+    }
+    const parts = name.trim().split(/\s+/);
+    if (parts.length === 1) {
+        return parts[0].charAt(0).toUpperCase();
+    }
+    return `${parts[0].charAt(0)}${parts[parts.length - 1].charAt(0)}`.toUpperCase();
+}
+export function EditPhotoIcon({ size = 20, color = AVATAR_COLORS.editBadgeIcon }) {
+    return _jsx(Icon, { name: "edit-photo", size: size, color: color });
+}
+export const pickFromGallery = async (onPhotoSelected) => {
+    if (!onPhotoSelected)
+        return;
+    try {
+        const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
+        if (status !== 'granted') {
+            Alert.alert('Permission required', DEFAULT_EDIT_PHOTO_COPY.permissionLibrary, [{ text: 'OK' }]);
+            return;
+        }
+        const result = await ImagePicker.launchImageLibraryAsync({
+            mediaTypes: ImagePicker.MediaTypeOptions.Images,
+            allowsEditing: true,
+            aspect: [1, 1],
+            quality: 0.8,
+        });
+        if (!result.canceled && result.assets?.[0]?.uri) {
+            onPhotoSelected(result.assets[0].uri);
+        }
+    }
+    catch (err) {
+        console.error('[Avatar] Failed to pick image:', err);
+        Alert.alert(DEFAULT_EDIT_PHOTO_COPY.alertTitle, DEFAULT_EDIT_PHOTO_COPY.errorSelect);
+    }
+};
+export const takePhoto = async (onPhotoSelected) => {
+    if (!onPhotoSelected)
+        return;
+    try {
+        const { status } = await ImagePicker.requestCameraPermissionsAsync();
+        if (status !== 'granted') {
+            Alert.alert('Permission required', DEFAULT_EDIT_PHOTO_COPY.permissionCamera, [{ text: 'OK' }]);
+            return;
+        }
+        const result = await ImagePicker.launchCameraAsync({
+            mediaTypes: ImagePicker.MediaTypeOptions.Images,
+            allowsEditing: true,
+            aspect: [1, 1],
+            quality: 0.8,
+        });
+        if (!result.canceled && result.assets?.[0]?.uri) {
+            onPhotoSelected?.(result.assets[0].uri);
+        }
+    }
+    catch (err) {
+        console.error('[Avatar] Failed to take photo:', err);
+        Alert.alert(DEFAULT_EDIT_PHOTO_COPY.alertTitle, DEFAULT_EDIT_PHOTO_COPY.errorCapture);
+    }
+};

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import type { BadgeProps } from './types';
+export declare function Badge({ children, variant, iconLeft, iconRight, style, textStyle, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAA+B,EAC/B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,GACV,EAAE,UAAU,2CAiBZ"}

package/dist/Badge/Badge.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULT_BADGE_VARIANT } from './constants';
+import { BadgeContainer, BadgeLabel, IconWrap } from './styles';
+export function Badge({ children, variant = DEFAULT_BADGE_VARIANT, iconLeft, iconRight, style, textStyle, }) {
+    const isTextLabel = typeof children === 'string' || typeof children === 'number';
+    const hasIcons = iconLeft != null || iconRight != null;
+    return (_jsxs(BadgeContainer, { "$variant": variant, "$hasIcons": hasIcons, style: style, children: [iconLeft != null && _jsx(IconWrap, { children: iconLeft }), isTextLabel ? (_jsx(BadgeLabel, { "$variant": variant, style: textStyle, numberOfLines: 1, children: children })) : (children), iconRight != null && _jsx(IconWrap, { children: iconRight })] }));
+}

package/dist/Badge/constants.d.ts

@@ -0,0 +1,20 @@
+import type { BadgeVariant } from './types';
+export declare const DEFAULT_BADGE_VARIANT: BadgeVariant;
+export declare const BADGE_VARIANT_COLORS: Record<BadgeVariant, {
+    backgroundColor: string;
+    textColor: string;
+}>;
+export declare const BADGE_TOKENS: {
+    readonly borderRadius: 44;
+    readonly paddingVertical: 4;
+    readonly paddingHorizontal: 12;
+    readonly gap: 8;
+    readonly iconSize: 24;
+    readonly typography: {
+        readonly fontFamily: "SF Pro";
+        readonly fontSize: 13;
+        readonly fontWeight: "500";
+        readonly lineHeight: 16;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/Badge/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Badge/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,qBAAqB,EAAE,YAAwB,CAAC;AAE7D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,YAAY,EACZ;IACE,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAkBF,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;CAYf,CAAC"}

package/dist/Badge/constants.js

@@ -0,0 +1,32 @@
+export const DEFAULT_BADGE_VARIANT = 'primary';
+export const BADGE_VARIANT_COLORS = {
+    primary: {
+        backgroundColor: '#1692FF',
+        textColor: '#FFFFFF',
+    },
+    invers: {
+        backgroundColor: '#FFFFFF',
+        textColor: '#2C2C2C',
+    },
+    positive: {
+        backgroundColor: '#B2F549',
+        textColor: '#2C2C2C',
+    },
+    negative: {
+        backgroundColor: '#FF3B30',
+        textColor: '#FFFFFF',
+    },
+};
+export const BADGE_TOKENS = {
+    borderRadius: 44,
+    paddingVertical: 4,
+    paddingHorizontal: 12,
+    gap: 8,
+    iconSize: 24,
+    typography: {
+        fontFamily: 'SF Pro',
+        fontSize: 13,
+        fontWeight: '500',
+        lineHeight: 16,
+    },
+};

package/dist/Badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge } from './Badge';
+export type { BadgeProps, BadgeVariant } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/Badge/index.js

@@ -0,0 +1 @@
+export { Badge } from './Badge';

package/dist/Badge/styles.d.ts

@@ -0,0 +1,10 @@
+import type { BadgeVariant } from './types';
+export declare const BadgeContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps, {
+    $variant: BadgeVariant;
+    $hasIcons: boolean;
+}>>;
+export declare const IconWrap: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const BadgeLabel: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").TextProps, {
+    $variant: BadgeVariant;
+}>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/Badge/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Badge/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc;cACf,YAAY;eACX,OAAO;GAYnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+KAMpB,CAAC;AAEF,eAAO,MAAM,UAAU;cAA2B,YAAY;GAO7D,CAAC"}

package/dist/Badge/styles.js

@@ -0,0 +1,28 @@
+import styled from 'styled-components/native';
+import { BADGE_TOKENS, BADGE_VARIANT_COLORS } from './constants';
+export const BadgeContainer = styled.View `
+  flex-direction: row;
+  align-items: center;
+  align-self: flex-start;
+  flex-shrink: 0;
+  flex-grow: 0;
+  padding: ${BADGE_TOKENS.paddingVertical}px ${BADGE_TOKENS.paddingHorizontal}px;
+  border-radius: ${BADGE_TOKENS.borderRadius}px;
+  gap: ${({ $hasIcons }) => ($hasIcons ? BADGE_TOKENS.gap : 0)}px;
+  background-color: ${({ $variant }) => BADGE_VARIANT_COLORS[$variant].backgroundColor};
+`;
+export const IconWrap = styled.View `
+  align-items: center;
+  justify-content: center;
+  width: ${BADGE_TOKENS.iconSize}px;
+  height: ${BADGE_TOKENS.iconSize}px;
+  overflow: hidden;
+`;
+export const BadgeLabel = styled.Text `
+  font-family: ${BADGE_TOKENS.typography.fontFamily};
+  font-size: ${BADGE_TOKENS.typography.fontSize}px;
+  font-weight: ${BADGE_TOKENS.typography.fontWeight};
+  line-height: ${BADGE_TOKENS.typography.lineHeight}px;
+  text-align: center;
+  color: ${({ $variant }) => BADGE_VARIANT_COLORS[$variant].textColor};
+`;

package/dist/Badge/types.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export type BadgeVariant = 'primary' | 'invers' | 'positive' | 'negative';
+export interface BadgeProps {
+    /** Badge text or custom content */
+    children: ReactNode;
+    /** Visual style variant */
+    variant?: BadgeVariant;
+    /** Element rendered before the label */
+    iconLeft?: ReactNode;
+    /** Element rendered after the label */
+    iconRight?: ReactNode;
+    /** Optional container style overrides */
+    style?: StyleProp<ViewStyle>;
+    /** Optional text style overrides for the label */
+    textStyle?: StyleProp<TextStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/Badge/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1E,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC"}

package/dist/Badge/types.js

@@ -0,0 +1 @@
+export {};

package/dist/BigInput/BigInput.d.ts

@@ -0,0 +1,3 @@
+import type { BigInputProps } from './types';
+export declare function BigInput({ title, isNumeral, value, defaultValue, editable, detail, detailChangeList, onDetailChange, detailPickerTitle, onChangeText, placeholderTextColor, containerStyle, inputStyle, underlineStyle, ...textInputProps }: BigInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BigInput.d.ts.map

package/dist/BigInput/BigInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigInput.d.ts","sourceRoot":"","sources":["../../src/BigInput/BigInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,EACvB,KAAsB,EACtB,SAAiB,EACjB,KAAK,EACL,YAAY,EACZ,QAAe,EACf,MAAM,EACN,gBAAqB,EACrB,cAAc,EACd,iBAAmC,EACnC,YAAY,EACZ,oBAA6D,EAC7D,cAAc,EACd,UAAU,EACV,cAAc,EACd,GAAG,cAAc,EAClB,EAAE,aAAa,2CAmHf"}

package/dist/BigInput/BigInput.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Keyboard, Modal } from 'react-native';
+import { Icon } from '../Icon';
+import { Picker } from '../Picker/Picker';
+import { BIG_INPUT_TOKENS } from './constants';
+import { Container, DetailPickerContainer, DetailPickerOverlay, DetailPickerSheetBackdrop, DetailText, DetailTrigger, Title, Underline, ValueInput, ValueRow, } from './styles';
+export function BigInput({ title = 'Enter amount', isNumeral = false, value, defaultValue, editable = true, detail, detailChangeList = [], onDetailChange, detailPickerTitle = 'Select detail', onChangeText, placeholderTextColor = BIG_INPUT_TOKENS.inputPlaceholderColor, containerStyle, inputStyle, underlineStyle, ...textInputProps }) {
+    const [detailPickerVisible, setDetailPickerVisible] = useState(false);
+    const [uncontrolledDetail, setUncontrolledDetail] = useState(detail ?? '');
+    const isValueControlled = value !== undefined;
+    const isDetailControlled = detail !== undefined;
+    const currentDetail = isDetailControlled ? (detail ?? '') : uncontrolledDetail;
+    const hasDetailOptions = detailChangeList.length > 0;
+    useEffect(() => {
+        if (isDetailControlled || currentDetail.length > 0 || detailChangeList.length === 0)
+            return;
+        setUncontrolledDetail(detailChangeList[0]?.value ?? '');
+    }, [currentDetail.length, detailChangeList, isDetailControlled]);
+    const matchedDetailOption = useMemo(() => {
+        if (!hasDetailOptions || currentDetail.length === 0)
+            return undefined;
+        return detailChangeList.find((item) => item.value === currentDetail || item.label === currentDetail);
+    }, [currentDetail, detailChangeList, hasDetailOptions]);
+    const detailLabel = matchedDetailOption?.value ?? currentDetail;
+    const selectedDetailValue = matchedDetailOption?.value ?? detailChangeList[0]?.value;
+    const handleChangeText = useCallback((text) => {
+        onChangeText?.(text);
+    }, [onChangeText]);
+    const openDetailPicker = useCallback(() => {
+        if (!hasDetailOptions || !editable)
+            return;
+        Keyboard.dismiss();
+        setDetailPickerVisible(true);
+    }, [editable, hasDetailOptions]);
+    const closeDetailPicker = useCallback(() => {
+        setDetailPickerVisible(false);
+    }, []);
+    const handleDetailValueChange = useCallback((nextValue) => {
+        if (!isDetailControlled)
+            setUncontrolledDetail(nextValue);
+        onDetailChange?.(nextValue);
+        setDetailPickerVisible(false);
+    }, [isDetailControlled, onDetailChange]);
+    return (_jsxs(_Fragment, { children: [_jsxs(Container, { style: containerStyle, children: [title.length > 0 && _jsx(Title, { children: title }), _jsxs(ValueRow, { children: [_jsx(ValueInput, { ...textInputProps, value: isValueControlled ? value : undefined, defaultValue: isValueControlled ? undefined : defaultValue, editable: editable, onChangeText: handleChangeText, keyboardType: isNumeral ? (textInputProps.keyboardType ?? 'decimal-pad') : textInputProps.keyboardType, placeholder: textInputProps.placeholder ?? '', placeholderTextColor: placeholderTextColor, style: [inputStyle] }), detailLabel.length > 0 && (_jsxs(DetailTrigger, { onPress: openDetailPicker, disabled: !hasDetailOptions || !editable, accessibilityRole: hasDetailOptions ? 'button' : undefined, accessibilityState: { disabled: !hasDetailOptions || !editable }, "$disabled": !hasDetailOptions || !editable, children: [_jsx(DetailText, { children: detailLabel }), hasDetailOptions && (_jsx(Icon, { name: "chevron-solid-down", size: BIG_INPUT_TOKENS.detailIconSize, color: BIG_INPUT_TOKENS.detailIconColor }))] }))] }), _jsx(Underline, { style: underlineStyle })] }), hasDetailOptions && (_jsx(Modal, { visible: detailPickerVisible, animationType: "slide", transparent: true, onRequestClose: closeDetailPicker, children: _jsxs(DetailPickerSheetBackdrop, { children: [_jsx(DetailPickerOverlay, { onPress: closeDetailPicker }), _jsx(DetailPickerContainer, { children: _jsx(Picker, { items: detailChangeList, selectedValue: selectedDetailValue, onValueChange: handleDetailValueChange, title: detailPickerTitle, onBack: closeDetailPicker, searchable: detailChangeList.length > 8, grabber: true, fitContent: true }) })] }) }))] }));
+}

package/dist/BigInput/constants.d.ts

@@ -0,0 +1,32 @@
+export declare const BIG_INPUT_TOKENS: {
+    readonly titleColor: "#6F7F95";
+    readonly titleFontFamily: "SF Pro Display Regular";
+    readonly titleFontSize: 26;
+    readonly titleFontWeight: "400";
+    readonly titleLineHeight: 32;
+    readonly titleLetterSpacing: 0.2;
+    readonly valueColor: "#1C1C1E";
+    readonly valueFontFamily: "SB Sans Text";
+    readonly valueFontSize: 80;
+    readonly valueFontWeight: "700";
+    readonly valueLineHeight: 88;
+    readonly valueLetterSpacing: -2;
+    readonly detailColor: "#1C1C1E";
+    readonly detailFontFamily: "SB Sans Text";
+    readonly detailFontSize: 80;
+    readonly detailFontWeight: "700";
+    readonly detailLineHeight: 88;
+    readonly detailLetterSpacing: -2;
+    readonly detailGap: 4;
+    readonly detailIconSize: 24;
+    readonly detailIconColor: "#2C2C2E";
+    readonly underlineColor: "rgba(255, 255, 255, 0.55)";
+    readonly underlineHeight: 2;
+    readonly minInputWidth: 72;
+    readonly maxInputWidth: 280;
+    readonly widthPerCharacter: 42;
+    readonly inputPlaceholderColor: "#8E8E93";
+    readonly topPadding: 8;
+    readonly bottomPadding: 10;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/BigInput/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/BigInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCnB,CAAC"}

package/dist/BigInput/constants.js

@@ -0,0 +1,31 @@
+export const BIG_INPUT_TOKENS = {
+    titleColor: '#6F7F95',
+    titleFontFamily: 'SF Pro Display Regular',
+    titleFontSize: 26,
+    titleFontWeight: '400',
+    titleLineHeight: 32,
+    titleLetterSpacing: 0.2,
+    valueColor: '#1C1C1E',
+    valueFontFamily: 'SB Sans Text',
+    valueFontSize: 80,
+    valueFontWeight: '700',
+    valueLineHeight: 88,
+    valueLetterSpacing: -2,
+    detailColor: '#1C1C1E',
+    detailFontFamily: 'SB Sans Text',
+    detailFontSize: 80,
+    detailFontWeight: '700',
+    detailLineHeight: 88,
+    detailLetterSpacing: -2,
+    detailGap: 4,
+    detailIconSize: 24,
+    detailIconColor: '#2C2C2E',
+    underlineColor: 'rgba(255, 255, 255, 0.55)',
+    underlineHeight: 2,
+    minInputWidth: 72,
+    maxInputWidth: 280,
+    widthPerCharacter: 42,
+    inputPlaceholderColor: '#8E8E93',
+    topPadding: 8,
+    bottomPadding: 10,
+};

package/dist/BigInput/index.d.ts

@@ -0,0 +1,3 @@
+export { BigInput } from './BigInput';
+export type { BigInputProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/BigInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BigInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/BigInput/index.js

@@ -0,0 +1 @@
+export { BigInput } from './BigInput';

package/dist/BigInput/styles.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const Title: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const ValueRow: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const ValueInput: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextInputProps, never>>;
+export declare const DetailTrigger: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, {
+    $disabled: boolean;
+}>>;
+export declare const DetailText: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const Underline: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const DetailPickerSheetBackdrop: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const DetailPickerOverlay: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, never>>;
+export declare const DetailPickerContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/BigInput/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/BigInput/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,+KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,+KAWjB,CAAC;AAEF,eAAO,MAAM,QAAQ,+KAMpB,CAAC;AAEF,eAAO,MAAM,UAAU,oLAWtB,CAAC;AAEF,eAAO,MAAM,aAAa;eAAiC,OAAO;GAMjE,CAAC;AAEF,eAAO,MAAM,UAAU,+KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,+KAMrB,CAAC;AAEF,eAAO,MAAM,yBAAyB,+KAGrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,iPAO/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,+KAKjC,CAAC"}

package/dist/BigInput/styles.js

@@ -0,0 +1,80 @@
+import styled from 'styled-components/native';
+import { BIG_INPUT_TOKENS } from './constants';
+export const Container = styled.View `
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  padding-top: ${BIG_INPUT_TOKENS.topPadding}px;
+  padding-bottom: ${BIG_INPUT_TOKENS.bottomPadding}px;
+`;
+export const Title = styled.Text `
+  margin-bottom: 12px;
+  color: #738295;
+  text-align: center;
+
+  font-family: "SB Sans Text";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: -0.32px;
+`;
+export const ValueRow = styled.View `
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  min-height: 40px;
+  margin-bottom: 2px;
+`;
+export const ValueInput = styled.TextInput `
+  font-family: 'SF Pro';
+  font-size: 34px;
+  font-weight: 700;
+  line-height: 40px;
+  letter-spacing: 0.4;
+  color: #2C2C2C;
+  text-align: right;
+  padding-right: 10px;
+  padding-vertical: 0;
+  margin: 0;
+`;
+export const DetailTrigger = styled.Pressable `
+  flex-direction: row;
+  align-items: center;
+  min-height: 40px;
+  gap: ${BIG_INPUT_TOKENS.detailGap}px;
+  opacity: ${({ $disabled }) => ($disabled ? 0.9 : 1)};
+`;
+export const DetailText = styled.Text `
+  font-family: 'SF Pro';
+  font-size: 34px;
+  font-weight: 700;
+  line-height: 40px;
+  letter-spacing: -2px;
+  color: #1C1C1E;
+`;
+export const Underline = styled.View `
+  margin-top: 10px;
+  width: 84%;
+  height: ${BIG_INPUT_TOKENS.underlineHeight}px;
+  border-radius: ${BIG_INPUT_TOKENS.underlineHeight}px;
+  background-color: ${BIG_INPUT_TOKENS.underlineColor};
+`;
+export const DetailPickerSheetBackdrop = styled.View `
+  flex: 1;
+  justify-content: flex-end;
+`;
+export const DetailPickerOverlay = styled.Pressable `
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+`;
+export const DetailPickerContainer = styled.View `
+  background-color: #eff4f7;
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
+  overflow: hidden;
+`;

package/dist/BigInput/types.d.ts

@@ -0,0 +1,23 @@
+import type { StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+import type { PickerItem } from '../Picker/types';
+export interface BigInputProps extends Omit<TextInputProps, 'style'> {
+    /** Top label text */
+    title?: string;
+    /** Applies numeric keyboard defaults and numeric-friendly width behavior */
+    isNumeral?: boolean;
+    /** Right-side detail value (for example currency symbol/code) */
+    detail?: string;
+    /** Options for changing detail (for example list of currencies) */
+    detailChangeList?: PickerItem[];
+    /** Called when detail changes */
+    onDetailChange?: (value: string) => void;
+    /** Title shown in detail picker sheet */
+    detailPickerTitle?: string;
+    /** Style for outer container */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style for native TextInput */
+    inputStyle?: StyleProp<TextStyle>;
+    /** Style for underline */
+    underlineStyle?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/BigInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/BigInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAClE,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,iCAAiC;IACjC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,iCAAiC;IACjC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,0BAA0B;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC"}

package/dist/BigInput/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonProps } from './types';
+export declare function Button({ children, variant, disabled, fullWidth, iconLeft, iconRight, style, activeOpacity, textStyle, accessibilityRole, accessibilityState, ...touchableProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAgC,EAChC,QAAgB,EAChB,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,aAA2C,EAC3C,SAAS,EACT,iBAA4B,EAC5B,kBAAkB,EAClB,GAAG,cAAc,EAClB,EAAE,WAAW,2CA4Bb"}

package/dist/Button/Button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BUTTON_TOKENS, DEFAULT_BUTTON_VARIANT } from './constants';
+import { ButtonContainer, ButtonLabel, ContentRow, IconWrap } from './styles';
+export function Button({ children, variant = DEFAULT_BUTTON_VARIANT, disabled = false, fullWidth = false, iconLeft, iconRight, style, activeOpacity = BUTTON_TOKENS.activeOpacity, textStyle, accessibilityRole = 'button', accessibilityState, ...touchableProps }) {
+    const isTextLabel = typeof children === 'string' || typeof children === 'number';
+    return (_jsx(ButtonContainer, { ...touchableProps, "$variant": variant, "$isDisabled": disabled, "$fullWidth": fullWidth, disabled: disabled, activeOpacity: activeOpacity, accessibilityRole: accessibilityRole, accessibilityState: { ...(accessibilityState ?? {}), disabled }, style: style, children: _jsxs(ContentRow, { children: [iconLeft != null && _jsx(IconWrap, { children: iconLeft }), isTextLabel ? (_jsx(ButtonLabel, { "$variant": variant, style: textStyle, children: children })) : (children), iconRight != null && _jsx(IconWrap, { children: iconRight })] }) }));
+}

package/dist/Button/constants.d.ts

@@ -0,0 +1,23 @@
+import type { ButtonVariant } from './types';
+export declare const DEFAULT_BUTTON_VARIANT: ButtonVariant;
+export declare const BUTTON_VARIANT_COLORS: Record<ButtonVariant, {
+    backgroundColor: string;
+    disabledBackgroundColor: string;
+    textColor: string;
+}>;
+export declare const BUTTON_TOKENS: {
+    readonly borderRadius: 44;
+    readonly paddingVertical: 12;
+    readonly paddingHorizontal: 16;
+    readonly minHeight: 44;
+    readonly gap: 8;
+    readonly activeOpacity: 0.7;
+    readonly typography: {
+        readonly fontFamily: "SF Pro Display Regular";
+        readonly fontSize: 17;
+        readonly fontWeight: "600";
+        readonly lineHeight: 22;
+        readonly letterSpacing: -0.43;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/Button/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Button/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,sBAAsB,EAAE,aAAyB,CAAC;AAE/D,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,aAAa,EACb;IACE,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;CACnB,CAYF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAchB,CAAC"}

package/dist/Button/constants.js

@@ -0,0 +1,28 @@
+export const DEFAULT_BUTTON_VARIANT = 'primary';
+export const BUTTON_VARIANT_COLORS = {
+    primary: {
+        backgroundColor: '#2C2C2C',
+        disabledBackgroundColor: '#8A8A8E',
+        textColor: '#FFFFFF',
+    },
+    secondary: {
+        backgroundColor: '#FFFFFF',
+        disabledBackgroundColor: '#8A8A8E',
+        textColor: '#2C2C2C',
+    },
+};
+export const BUTTON_TOKENS = {
+    borderRadius: 44,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    minHeight: 44,
+    gap: 8,
+    activeOpacity: 0.7,
+    typography: {
+        fontFamily: 'SF Pro Display Regular',
+        fontSize: 17,
+        fontWeight: '600',
+        lineHeight: 22,
+        letterSpacing: -0.43,
+    },
+};

package/dist/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant } from './types';
+//# sourceMappingURL=index.d.ts.map