@frosted-ui/react-native 0.0.1-canary.91

package/dist/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,SAAS,qBAAsB,CAAC;AAEtC,KAAK,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AA8C3C,KAAK,aAAa,GAAG,aAAa,CAAC,SAAS,GAAG;IAC7C,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,IAAU,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAUxF;AAED,KAAK,aAAa,GAAG,aAAa,CAAC,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAoBtD;AAgED,KAAK,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAcnE;AAED,KAAK,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC;AAEnD,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAElD;AAED,QAAA,MAAM,IAAI;;;;;CAKT,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/tabs.js

@@ -0,0 +1,124 @@
+import { Text, TextStyleContext } from '../components/text';
+import { useThemeVars } from '../lib/use-theme-vars';
+import * as TabsPrimitive from '@rn-primitives/tabs';
+import * as React from 'react';
+import { View } from 'react-native';
+const tabsSizes = ['1', '2'];
+const TabsContext = React.createContext({
+    size: '2',
+    value: undefined,
+});
+// Size styles from CSS:
+// Size 1: height: 36px, font-size-1
+// Size 2: height: var(--space-7) = 40px, font-size-2
+function getListHeight(size) {
+    switch (size) {
+        case '1':
+            return 36;
+        case '2':
+            return 40;
+    }
+}
+function getTextSize(size) {
+    switch (size) {
+        case '1':
+            return '1';
+        case '2':
+            return '2';
+    }
+}
+function getTriggerPadding(size) {
+    switch (size) {
+        case '1':
+            return { paddingX: 4, innerPaddingX: 6, innerPaddingY: 4 }; // space-1 = 4px
+        case '2':
+            return { paddingX: 4, innerPaddingX: 10, innerPaddingY: 4 }; // 1.25 * space-2 = 10px
+    }
+}
+function TabsRoot({ size = '2', value, onValueChange, children, ...props }) {
+    const contextValue = React.useMemo(() => ({ size, value }), [size, value]);
+    return (<TabsContext.Provider value={contextValue}>
+      <TabsPrimitive.Root value={value} onValueChange={onValueChange} {...props}>
+        {children}
+      </TabsPrimitive.Root>
+    </TabsContext.Provider>);
+}
+function TabsList({ children, ...props }) {
+    const { size } = React.useContext(TabsContext);
+    const { colors } = useThemeVars();
+    const gray = colors.palettes.gray;
+    const height = getListHeight(size);
+    const listStyle = {
+        flexDirection: 'row',
+        height,
+        borderBottomWidth: 1,
+        borderBottomColor: gray.a5,
+        alignItems: 'stretch',
+    };
+    return (<TabsPrimitive.List {...props}>
+      <View style={listStyle}>{children}</View>
+    </TabsPrimitive.List>);
+}
+function TabsTriggerInner({ value, hovered, children }) {
+    const { size, value: activeValue } = React.useContext(TabsContext);
+    const { colors } = useThemeVars();
+    const gray = colors.palettes.gray;
+    const accent = colors.palettes.blue; // Default accent
+    const isActive = value === activeValue;
+    const { paddingX, innerPaddingX, innerPaddingY } = getTriggerPadding(size);
+    const textSize = getTextSize(size);
+    // Text color - gray-12 on hover or active, gray-a11 otherwise
+    const textColor = isActive || hovered ? gray['12'] : gray.a11;
+    // Trigger wrapper style - stretch to full height
+    const triggerStyle = {
+        paddingHorizontal: paddingX,
+        flexShrink: 0,
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'relative',
+        height: '100%',
+    };
+    // Inner content style with hover background
+    const innerStyle = {
+        paddingHorizontal: innerPaddingX,
+        paddingVertical: innerPaddingY,
+        borderRadius: size === '1' ? 4 : 6, // radius-2 or radius-3
+        backgroundColor: hovered ? gray.a3 : undefined,
+    };
+    // Active indicator (bottom border)
+    const activeIndicatorStyle = {
+        position: 'absolute',
+        bottom: -1,
+        left: 0,
+        right: 0,
+        height: 2,
+        backgroundColor: accent['10'],
+    };
+    // Wrap string children in Text component
+    const content = typeof children === 'string' ? <Text>{children}</Text> : children;
+    return (<TextStyleContext.Provider value={{ size: textSize, weight: isActive ? 'medium' : 'regular', color: textColor }}>
+      <View style={triggerStyle}>
+        <View style={innerStyle}>{content}</View>
+        {isActive && <View style={activeIndicatorStyle}/>}
+      </View>
+    </TextStyleContext.Provider>);
+}
+function TabsTrigger({ value, children, ...props }) {
+    const [hovered, setHovered] = React.useState(false);
+    return (<TabsPrimitive.Trigger value={value} onHoverIn={() => setHovered(true)} onHoverOut={() => setHovered(false)} {...props}>
+      <TabsTriggerInner value={value} hovered={hovered}>
+        {children}
+      </TabsTriggerInner>
+    </TabsPrimitive.Trigger>);
+}
+function TabsContent({ ...props }) {
+    return <TabsPrimitive.Content {...props}/>;
+}
+const Tabs = {
+    Root: TabsRoot,
+    List: TabsList,
+    Trigger: TabsTrigger,
+    Content: TabsContent,
+};
+export { Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger };
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

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

package/dist/components/text-area.d.ts

@@ -0,0 +1,16 @@
+import { type TextInputSize, type TextInputVariant } from '../lib/text-input-styles';
+import type { Color } from '../lib/types';
+import * as React from 'react';
+import { type TextInputProps, type TextStyle } from 'react-native';
+type TextAreaSize = TextInputSize;
+type TextAreaVariant = TextInputVariant;
+interface TextAreaProps extends Omit<TextInputProps, 'style'> {
+    size?: TextAreaSize;
+    variant?: TextAreaVariant;
+    color?: Color;
+    style?: TextStyle;
+}
+declare function TextArea({ size, variant, color, style, editable, ...props }: TextAreaProps): React.JSX.Element;
+export { TextArea };
+export type { TextAreaProps, TextAreaSize, TextAreaVariant };
+//# sourceMappingURL=text-area.d.ts.map

package/dist/components/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../src/components/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAMtB,KAAK,YAAY,GAAG,aAAa,CAAC;AAClC,KAAK,eAAe,GAAG,gBAAgB,CAAC;AA0DxC,UAAU,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC3D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAU,EACV,OAAmB,EACnB,KAAc,EACd,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBA4Ff;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/text-area.js

@@ -0,0 +1,117 @@
+import { getDisabledSoftStyle, getDisabledSurfaceStyle, getSoftVariantStyle, getSurfaceVariantStyle, getTextInputColors, resolveAccentFromColor, } from '../lib/text-input-styles';
+import { useThemeVars } from '../lib/use-theme-vars';
+import * as React from 'react';
+import { Platform, TextInput, View, } from 'react-native';
+// ============================================================================
+// Size helpers
+// ============================================================================
+function getTextAreaSizeStyle(size) {
+    switch (size) {
+        case '1':
+            return {
+                minHeight: 32, // space-8
+                fontSize: 12,
+                lineHeight: 16,
+                borderRadius: 6,
+                paddingVertical: 3, // space-1 - border
+                paddingHorizontal: 6, // space-1.5 - border
+            };
+        case '2':
+            return {
+                minHeight: 36, // space-9
+                fontSize: 14,
+                lineHeight: 20,
+                borderRadius: 8,
+                paddingVertical: 6, // space-1.5 - border
+                paddingHorizontal: 8, // space-2 - border
+            };
+        case '3':
+            return {
+                minHeight: 80,
+                fontSize: 16,
+                lineHeight: 24,
+                borderRadius: 10,
+                paddingVertical: 8, // space-2 - border
+                paddingHorizontal: 12, // space-3 - border
+            };
+        case '4':
+            return {
+                minHeight: 96,
+                fontSize: 18,
+                lineHeight: 28,
+                borderRadius: 14,
+                paddingVertical: 12, // space-3 - border
+                paddingHorizontal: 16, // space-4 - border
+            };
+    }
+}
+function TextArea({ size = '2', variant = 'surface', color = 'gray', style, editable, ...props }) {
+    const { colors } = useThemeVars();
+    const accentColor = resolveAccentFromColor(color);
+    const sizeStyle = getTextAreaSizeStyle(size);
+    const disabled = editable === false;
+    const [focused, setFocused] = React.useState(false);
+    // Variant styles
+    let variantStyle = variant === 'surface'
+        ? getSurfaceVariantStyle(colors)
+        : getSoftVariantStyle(colors, accentColor);
+    // Apply disabled styles (surface keeps border, soft replaces background)
+    if (disabled) {
+        if (variant === 'surface') {
+            // Surface: keep border, replace background
+            variantStyle = {
+                ...variantStyle,
+                ...getDisabledSurfaceStyle(colors),
+            };
+        }
+        else {
+            // Soft: replace background completely
+            variantStyle = getDisabledSoftStyle(colors);
+        }
+    }
+    // Focus outline (web only)
+    const focusStyle = focused && !disabled && Platform.OS === 'web'
+        ? {
+            outline: `2px solid ${colors.palettes[accentColor].a8}`,
+            outlineOffset: -1,
+        }
+        : undefined;
+    // Text and placeholder colors
+    const { textColor, placeholderColor } = getTextInputColors(variant, colors, accentColor, disabled);
+    const rootStyle = {
+        flexDirection: 'column',
+        minHeight: sizeStyle.minHeight,
+        borderRadius: sizeStyle.borderRadius,
+        ...variantStyle,
+        ...focusStyle,
+    };
+    const inputStyle = {
+        flex: 1,
+        fontSize: sizeStyle.fontSize,
+        lineHeight: sizeStyle.lineHeight,
+        color: textColor,
+        paddingVertical: sizeStyle.paddingVertical,
+        paddingHorizontal: sizeStyle.paddingHorizontal,
+        textAlignVertical: 'top',
+        ...(Platform.OS === 'web'
+            ? {
+                outline: 'none',
+                backgroundColor: 'transparent',
+                resize: 'none',
+            }
+            : {}),
+    };
+    const handleFocus = (e) => {
+        setFocused(true);
+        props.onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        setFocused(false);
+        props.onBlur?.(e);
+    };
+    return (<View style={rootStyle}>
+      <TextInput style={[inputStyle, style]} placeholderTextColor={placeholderColor} editable={editable} multiline onFocus={handleFocus} onBlur={handleBlur} {...props}/>
+    </View>);
+}
+export { TextArea };
+//# sourceMappingURL=text-area.js.map

package/dist/components/text-area.js.map

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

package/dist/components/text-field.d.ts

@@ -0,0 +1,35 @@
+import { type TextInputSize, type TextInputVariant } from '../lib/text-input-styles';
+import type { Color } from '../lib/types';
+import * as React from 'react';
+import { TextInput, type TextInputProps, type TextStyle, type ViewProps } from 'react-native';
+type TextFieldSize = TextInputSize;
+type TextFieldVariant = TextInputVariant;
+interface TextFieldRootProps extends ViewProps {
+    size?: TextFieldSize;
+    variant?: TextFieldVariant;
+    color?: Color;
+    disabled?: boolean;
+    focused?: boolean;
+    children: React.ReactNode;
+}
+declare function TextFieldRoot({ size, variant, color, disabled, focused: focusedProp, style, children, ...props }: TextFieldRootProps): React.JSX.Element;
+interface TextFieldSlotProps extends ViewProps {
+    color?: Color;
+    children?: React.ReactNode;
+}
+declare function TextFieldSlot({ color, style, children, ...props }: TextFieldSlotProps): React.JSX.Element | null;
+interface TextFieldInputProps extends Omit<TextInputProps, 'style'> {
+    size?: TextFieldSize;
+    variant?: TextFieldVariant;
+    color?: Color;
+    style?: TextStyle;
+}
+declare const TextFieldInput: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<TextInput>>;
+declare const TextField: {
+    Root: typeof TextFieldRoot;
+    Slot: typeof TextFieldSlot;
+    Input: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<TextInput>>;
+};
+export { TextField, TextFieldInput, TextFieldRoot, TextFieldSlot };
+export type { TextFieldInputProps, TextFieldRootProps, TextFieldSize, TextFieldSlotProps, TextFieldVariant, };
+//# sourceMappingURL=text-field.d.ts.map

package/dist/components/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/components/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,SAAS,EAGT,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAMtB,KAAK,aAAa,GAAG,aAAa,CAAC;AACnC,KAAK,gBAAgB,GAAG,gBAAgB,CAAC;AAwDzC,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,aAAa,CAAC,EACrB,IAAU,EACV,OAAmB,EACnB,KAAc,EACd,QAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAwIpB;AAMD,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,4BAkC9E;AAMD,UAAU,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACjE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,uFAsHnB,CAAC;AAOF,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,gBAAgB,GACjB,CAAC"}

package/dist/components/text-field.js

@@ -0,0 +1,256 @@
+import { getDisabledSoftStyle, getDisabledSurfaceStyle, getSoftVariantStyle, getSurfaceVariantStyle, getTextInputColors, hexToRgba, resolveAccentFromColor, } from '../lib/text-input-styles';
+import { useThemeVars } from '../lib/use-theme-vars';
+import * as React from 'react';
+import { Platform, TextInput, View, } from 'react-native';
+const TextFieldContext = React.createContext(undefined);
+// ============================================================================
+// Size helpers
+// ============================================================================
+function getSizeStyle(size) {
+    switch (size) {
+        case '1':
+            return { height: 24, fontSize: 12, borderRadius: 6, paddingHorizontal: 6 }; // space-5
+        case '2':
+            return { height: 32, fontSize: 14, borderRadius: 8, paddingHorizontal: 8 }; // space-6
+        case '3':
+            return { height: 40, fontSize: 16, borderRadius: 10, paddingHorizontal: 12 }; // space-7
+        case '4':
+            return { height: 48, fontSize: 18, borderRadius: 14, paddingHorizontal: 12 }; // space-8
+    }
+}
+function getSlotPadding(size) {
+    switch (size) {
+        case '1':
+        case '2':
+            return 8;
+        case '3':
+            return 10;
+        case '4':
+            return 12;
+    }
+}
+function TextFieldRoot({ size = '2', variant = 'surface', color = 'gray', disabled = false, focused: focusedProp, style, children, ...props }) {
+    const { colors } = useThemeVars();
+    const accentColor = resolveAccentFromColor(color);
+    const [internalFocused, setInternalFocused] = React.useState(false);
+    const focused = focusedProp !== undefined ? focusedProp : internalFocused;
+    const inputRef = React.useRef(null);
+    const sizeStyle = getSizeStyle(size);
+    // Background and border based on variant
+    let variantStyle = variant === 'surface'
+        ? getSurfaceVariantStyle(colors)
+        : getSoftVariantStyle(colors, accentColor);
+    // Apply disabled styles (surface keeps border, soft replaces background)
+    if (disabled) {
+        if (variant === 'surface') {
+            // Surface: keep border, replace background
+            variantStyle = {
+                ...variantStyle,
+                ...getDisabledSurfaceStyle(colors),
+            };
+        }
+        else {
+            // Soft: replace background completely
+            variantStyle = getDisabledSoftStyle(colors);
+        }
+    }
+    // Focus outline (web only)
+    const focusStyle = focused && !disabled && Platform.OS === 'web'
+        ? {
+            outline: `2px solid ${colors.palettes[accentColor].a8}`,
+            outlineOffset: -1,
+        }
+        : undefined;
+    const rootStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderRadius: sizeStyle.borderRadius,
+        ...variantStyle,
+        ...focusStyle,
+    };
+    // Handle pointer/touch events to focus input when clicking on non-button elements
+    const handlePointerDown = React.useCallback((event) => {
+        if (disabled || !inputRef.current)
+            return;
+        // On web, we can access the DOM target
+        if (Platform.OS === 'web') {
+            // Access the native DOM event
+            // On React Native Web, the event structure may vary, so we check both
+            const eventAny = event;
+            const nativeEvent = eventAny.nativeEvent || eventAny;
+            const target = nativeEvent.target;
+            if (!target)
+                return;
+            // If clicking on input, button, or anchor, don't focus (let them handle it)
+            if (target.closest('input, button, a'))
+                return;
+            // Focus the input
+            requestAnimationFrame(() => {
+                inputRef.current?.focus();
+            });
+        }
+    }, [disabled]);
+    // Handle native touch events (iOS/Android)
+    const handleStartShouldSetResponder = React.useCallback((event) => {
+        if (disabled || !inputRef.current)
+            return false;
+        // Check if the touch target is a button-like component
+        // On native, we check the component type from the event
+        const target = event.target;
+        if (!target)
+            return false;
+        // Check if target is the TextInput itself - don't focus in that case
+        // We can't directly compare refs, but we can check if it's an input
+        const targetType = target.constructor?.name || '';
+        const isInput = targetType.includes('TextInput') || targetType.includes('RCTTextInput');
+        if (isInput) {
+            return false; // Let the input handle it
+        }
+        // Check if target is a button-like component
+        // Buttons (Pressable, TouchableOpacity) typically have these in their name
+        const isButtonLike = targetType.includes('Touchable') ||
+            targetType.includes('Pressable') ||
+            targetType.includes('Button');
+        if (isButtonLike) {
+            return false; // Let the button handle it
+        }
+        // Focus the input for other touches (like icons in slots)
+        requestAnimationFrame(() => {
+            inputRef.current?.focus();
+        });
+        return false; // Don't capture the responder, let the event bubble
+    }, [disabled]);
+    return (<TextFieldContext.Provider value={{
+            size,
+            variant,
+            color: accentColor,
+            disabled,
+            inputRef,
+            onFocus: () => setInternalFocused(true),
+            onBlur: () => setInternalFocused(false),
+        }}>
+      <View style={[rootStyle, style]} {...(Platform.OS === 'web'
+        ? { onPointerDown: handlePointerDown }
+        : { onStartShouldSetResponder: handleStartShouldSetResponder })} {...props}>
+        {children}
+      </View>
+    </TextFieldContext.Provider>);
+}
+function TextFieldSlot({ color, style, children, ...props }) {
+    const context = React.useContext(TextFieldContext);
+    const { colors } = useThemeVars();
+    const accentColor = color ? resolveAccentFromColor(color) : undefined;
+    const slotColor = accentColor ? colors.palettes[accentColor].a11 : colors.palettes.gray.a11;
+    const padding = getSlotPadding(context?.size ?? '2');
+    const slotStyle = {
+        flexShrink: 0,
+        flexGrow: 0, // Slots should not grow, only maintain their size
+        flexDirection: 'row',
+        alignItems: 'center',
+        height: '100%',
+        gap: padding,
+        paddingHorizontal: padding,
+    };
+    if (!children)
+        return null;
+    return (<View style={[slotStyle, { opacity: 1 }, style]} {...props}>
+      {React.Children.map(children, (child) => {
+            if (React.isValidElement(child)) {
+                // Pass color to icon children if they accept it
+                return React.cloneElement(child, {
+                    color: slotColor,
+                });
+            }
+            return child;
+        })}
+    </View>);
+}
+const TextFieldInput = React.forwardRef(({ size: sizeProp, variant: variantProp, color: colorProp, style, editable, ...props }, forwardedRef) => {
+    const context = React.useContext(TextFieldContext);
+    const { colors } = useThemeVars();
+    const size = sizeProp ?? context?.size ?? '2';
+    const variant = variantProp ?? context?.variant ?? 'surface';
+    const color = colorProp ? resolveAccentFromColor(colorProp) : (context?.color ?? 'gray');
+    const disabled = editable === false || context?.disabled;
+    // Create a callback ref that sets all necessary refs
+    const setRefs = React.useCallback((instance) => {
+        // Set context ref if it exists
+        if (context?.inputRef) {
+            context.inputRef.current = instance;
+        }
+        // Set forwarded ref if it exists
+        if (forwardedRef) {
+            if (typeof forwardedRef === 'function') {
+                forwardedRef(instance);
+            }
+            else {
+                forwardedRef.current = instance;
+            }
+        }
+    }, [context?.inputRef, forwardedRef]);
+    const sizeStyle = getSizeStyle(size);
+    // Text and placeholder colors based on variant and disabled state
+    // TextField uses 0.6 opacity for soft variant placeholder (TextArea uses 0.65)
+    const { textColor, placeholderColor: basePlaceholderColor } = getTextInputColors(variant, colors, color, disabled);
+    const placeholderColor = variant === 'soft' && !disabled
+        ? hexToRgba(colors.palettes[color]['12'], 0.6)
+        : basePlaceholderColor;
+    // Account for border height: surface variant has 1px border top and bottom (2px total)
+    const inputHeight = variant === 'surface' ? sizeStyle.height - 2 : sizeStyle.height;
+    const inputStyle = {
+        flex: 1,
+        minWidth: 0, // Allow input to shrink below content width
+        height: inputHeight,
+        fontSize: sizeStyle.fontSize,
+        color: textColor,
+        paddingHorizontal: sizeStyle.paddingHorizontal,
+        // Remove default styling
+        ...(Platform.OS === 'web'
+            ? {
+                outline: 'none',
+                backgroundColor: 'transparent',
+            }
+            : {}),
+    };
+    // If no context (no Root), wrap in Root
+    const hasRoot = context !== undefined;
+    // When no root, manage focus state locally and pass to Root
+    const [localFocused, setLocalFocused] = React.useState(false);
+    const handleFocus = (e) => {
+        if (hasRoot) {
+            context?.onFocus?.();
+        }
+        else {
+            setLocalFocused(true);
+        }
+        props.onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        if (hasRoot) {
+            context?.onBlur?.();
+        }
+        else {
+            setLocalFocused(false);
+        }
+        props.onBlur?.(e);
+    };
+    const input = (<TextInput ref={setRefs} style={[inputStyle, style]} placeholderTextColor={placeholderColor} editable={editable} onFocus={handleFocus} onBlur={handleBlur} {...props}/>);
+    if (hasRoot) {
+        return input;
+    }
+    // When no root, create one with focus state management
+    return (<TextFieldRoot size={size} variant={variant} color={color} disabled={disabled} focused={localFocused}>
+        {input}
+      </TextFieldRoot>);
+});
+TextFieldInput.displayName = 'TextFieldInput';
+// ============================================================================
+// Export composite component
+// ============================================================================
+const TextField = {
+    Root: TextFieldRoot,
+    Slot: TextFieldSlot,
+    Input: TextFieldInput,
+};
+export { TextField, TextFieldInput, TextFieldRoot, TextFieldSlot };
+//# sourceMappingURL=text-field.js.map

package/dist/components/text-field.js.map

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

package/dist/components/text.d.ts

@@ -0,0 +1,23 @@
+import { themeVars } from '../lib/theme-vars';
+import type { AccentColor } from '../lib/types';
+import * as React from 'react';
+import { Text as RNText } from 'react-native';
+type TextSize = keyof typeof themeVars.typography;
+type TextWeight = keyof typeof themeVars.fontWeights;
+type TextProps = Omit<React.ComponentProps<typeof RNText>, 'size' | 'weight' | 'color'> & {
+    asChild?: boolean;
+    size?: TextSize;
+    weight?: TextWeight;
+    color?: AccentColor;
+};
+declare const TextClassContext: React.Context<string | undefined>;
+type TextStyleContextValue = {
+    size?: TextSize;
+    weight?: TextWeight;
+    color?: string;
+};
+declare const TextStyleContext: React.Context<TextStyleContextValue | undefined>;
+declare function Text({ className, asChild, size, weight, color, role, style, ...props }: TextProps): React.JSX.Element;
+export { Text, TextClassContext, TextStyleContext };
+export type { TextProps, TextSize };
+//# sourceMappingURL=text.d.ts.map

package/dist/components/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC,UAAU,CAAC;AAClD,KAAK,UAAU,GAAG,MAAM,OAAO,SAAS,CAAC,WAAW,CAAC;AAErD,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,gBAAgB,mCAAqD,CAAC;AAC5E,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,gBAAgB,kDAAoE,CAAC;AAE3F,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAe,EACf,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,qBAqCX;AAED,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}