zkit-ui 1.0.0

package/dist/ui/Text/index.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { Text as RNText, type StyleProp, type TextProps as RNTextProps, type TextStyle } from 'react-native';
+export type TextVariant = 'body' | 'label' | 'caption' | 'title' | 'heading' | 'display' | 'code';
+export type TextSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export type TextSizeValue = TextSize | number;
+export type TextTone = 'default' | 'neutral' | 'muted' | 'subtle' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'disabled' | 'inverse' | 'onPrimary' | 'onSecondary' | 'inherit';
+export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'heavy' | 'black' | NonNullable<TextStyle['fontWeight']>;
+export type TextTruncate = boolean | number;
+type NativeTextProps = Omit<RNTextProps, 'style' | 'disabled' | 'numberOfLines' | 'ellipsizeMode'>;
+export type TextRef = React.ComponentRef<typeof RNText>;
+export interface TextProps extends NativeTextProps {
+    /**
+     * Semantic typography preset. Prefer this over raw font styles.
+     */
+    variant?: TextVariant;
+    /**
+     * Named type scale token, or an unscaled design pixel size that will be resolved through wp(...).
+     */
+    size?: TextSizeValue;
+    /**
+     * Optional line height in design pixels. Style still wins as the final escape hatch.
+     */
+    lineHeight?: number;
+    weight?: TextWeight;
+    tone?: TextTone;
+    /**
+     * Theme color token, semantic token, or processable native color.
+     */
+    color?: string;
+    align?: TextStyle['textAlign'];
+    transform?: TextStyle['textTransform'];
+    truncate?: TextTruncate;
+    tabularNumbers?: boolean;
+    disabled?: boolean;
+    numberOfLines?: RNTextProps['numberOfLines'];
+    ellipsizeMode?: RNTextProps['ellipsizeMode'];
+    style?: StyleProp<TextStyle>;
+}
+export declare const Text: React.NamedExoticComponent<TextProps & React.RefAttributes<RNText>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,IAAI,IAAI,MAAM,EAEd,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,WAAW,EAC7B,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAClG,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACxF,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,UAAU,GACV,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,OAAO,GACP,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5C,KAAK,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,eAAe,CAAC,CAAC;AAEnG,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,SAAU,SAAQ,eAAe;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAqXD,eAAO,MAAM,IAAI,qEAAuB,CAAC"}

package/dist/ui/Text/index.js

@@ -0,0 +1,325 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const zkit_tools_1 = require("zkit-tools");
+const useTheme_1 = require("../../theme/useTheme");
+const SEMANTIC_COLORS = {
+    danger: '#DC2626',
+    error: '#DC2626',
+    info: '#2563EB',
+    success: '#16A34A',
+    warn: '#D97706',
+    warning: '#D97706',
+};
+const SIZE_TOKENS = {
+    '2xs': { fontSize: 11, lineHeight: 14 },
+    xs: { fontSize: 12, lineHeight: 16 },
+    sm: { fontSize: 13, lineHeight: 18 },
+    md: { fontSize: 15, lineHeight: 21 },
+    lg: { fontSize: 17, lineHeight: 24 },
+    xl: { fontSize: 20, lineHeight: 28 },
+    '2xl': { fontSize: 24, lineHeight: 32 },
+    '3xl': { fontSize: 30, lineHeight: 38 },
+    '4xl': { fontSize: 36, lineHeight: 44 },
+};
+const MONOSPACE_FONT_FAMILY = react_native_1.Platform.select({
+    android: 'monospace',
+    ios: 'Menlo',
+    web: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+    default: 'monospace',
+});
+const VARIANT_TOKENS = {
+    body: {
+        size: 'md',
+        weight: 'regular',
+    },
+    label: {
+        size: 'sm',
+        weight: 'medium',
+    },
+    caption: {
+        size: 'xs',
+        weight: 'regular',
+    },
+    title: {
+        size: 'lg',
+        weight: 'semibold',
+    },
+    heading: {
+        size: '2xl',
+        weight: 'bold',
+    },
+    display: {
+        size: '3xl',
+        weight: 'bold',
+    },
+    code: {
+        size: 'sm',
+        weight: 'regular',
+        fontFamily: MONOSPACE_FONT_FAMILY,
+    },
+};
+const WEB_NAMED_WEIGHT_MAP = {
+    black: 900,
+    bold: 700,
+    book: 400,
+    demibold: 600,
+    extrabold: 800,
+    extralight: 200,
+    hairline: 100,
+    heavy: 900,
+    light: 300,
+    medium: 500,
+    normal: 400,
+    regular: 400,
+    semibold: 600,
+    thin: 100,
+    ultrabold: 800,
+    ultralight: 200,
+};
+const baseStyles = react_native_1.StyleSheet.create({
+    root: {
+        includeFontPadding: false,
+        margin: 0,
+        padding: 0,
+    },
+});
+function isFiniteNumber(value) {
+    return typeof value === 'number' && Number.isFinite(value);
+}
+function isProcessableColor(color) {
+    return (0, react_native_1.processColor)(color) != null;
+}
+function normalizeFontWeight(weight) {
+    if (weight == null)
+        return undefined;
+    const weightStr = String(weight).trim().toLowerCase();
+    const compactWeight = weightStr.replace(/[\s_-]/g, '');
+    let normalizedNumericWeight;
+    if (compactWeight === 'lighter')
+        normalizedNumericWeight = 300;
+    if (compactWeight === 'bolder')
+        normalizedNumericWeight = 700;
+    if (normalizedNumericWeight == null && WEB_NAMED_WEIGHT_MAP[compactWeight] != null) {
+        normalizedNumericWeight = WEB_NAMED_WEIGHT_MAP[compactWeight];
+    }
+    if (normalizedNumericWeight == null) {
+        const parsed = Number.parseInt(weightStr, 10);
+        if (Number.isNaN(parsed))
+            return 'normal';
+        normalizedNumericWeight = Math.round(parsed / 100) * 100;
+    }
+    const clamped = Math.max(100, Math.min(900, normalizedNumericWeight));
+    const androidApiLevel = typeof react_native_1.Platform.Version === 'number' ? react_native_1.Platform.Version : Number.parseInt(String(react_native_1.Platform.Version), 10);
+    if (react_native_1.Platform.OS === 'android' && Number.isFinite(androidApiLevel) && androidApiLevel < 28) {
+        return clamped >= 600 ? 'bold' : 'normal';
+    }
+    if (clamped === 400)
+        return 'normal';
+    if (clamped === 700)
+        return 'bold';
+    return String(clamped);
+}
+function resolveTextWeight(weight) {
+    switch (weight) {
+        case 'regular':
+            return '400';
+        case 'medium':
+            return '500';
+        case 'semibold':
+            return '600';
+        case 'bold':
+            return '700';
+        case 'heavy':
+            return '800';
+        case 'black':
+            return '900';
+        default:
+            return weight;
+    }
+}
+function resolveToneColor(colors, tone) {
+    switch (tone) {
+        case 'inherit':
+            return undefined;
+        case 'primary':
+            return colors.primary;
+        case 'success':
+            return SEMANTIC_COLORS.success;
+        case 'warning':
+            return SEMANTIC_COLORS.warning;
+        case 'danger':
+            return SEMANTIC_COLORS.danger;
+        case 'info':
+            return SEMANTIC_COLORS.info;
+        case 'muted':
+            return colors.muted;
+        case 'subtle':
+            return colors.disabled;
+        case 'disabled':
+            return colors.disabled;
+        case 'inverse':
+        case 'onPrimary':
+            return colors.onPrimary;
+        case 'onSecondary':
+            return colors.onSecondary;
+        case 'default':
+        case 'neutral':
+        default:
+            return colors.onSurface;
+    }
+}
+function resolveColorToken(input, fallback, theme) {
+    var _a;
+    if (input == null)
+        return fallback;
+    const key = input.trim();
+    if (!key)
+        return fallback;
+    const resolved = key === 'default' || key === 'neutral' || key === 'onSurface'
+        ? theme.colors.onSurface
+        : key === 'primary'
+            ? theme.colors.primary
+            : key === 'onPrimary' || key === 'inverse'
+                ? theme.colors.onPrimary
+                : key === 'secondary'
+                    ? theme.colors.secondary
+                    : key === 'onSecondary'
+                        ? theme.colors.onSecondary
+                        : key === 'surface'
+                            ? theme.colors.surface
+                            : key === 'border'
+                                ? theme.colors.border
+                                : key === 'muted'
+                                    ? theme.colors.muted
+                                    : key === 'subtle' || key === 'disabled'
+                                        ? theme.colors.disabled
+                                        : (_a = SEMANTIC_COLORS[key]) !== null && _a !== void 0 ? _a : key;
+    return isProcessableColor(resolved) ? resolved : fallback;
+}
+function resolveTypographyToken(size) {
+    var _a;
+    if (typeof size === 'string') {
+        return (_a = SIZE_TOKENS[size]) !== null && _a !== void 0 ? _a : SIZE_TOKENS.md;
+    }
+    if (!isFiniteNumber(size))
+        return SIZE_TOKENS.md;
+    const fontSize = Math.max(0, size);
+    return {
+        fontSize,
+        lineHeight: Math.ceil(fontSize * 1.4),
+    };
+}
+function resolveTypographyStyle(size, explicitLineHeight) {
+    const token = resolveTypographyToken(size);
+    return {
+        fontSize: (0, zkit_tools_1.wp)(token.fontSize),
+        lineHeight: (0, zkit_tools_1.wp)(isFiniteNumber(explicitLineHeight) ? Math.max(0, explicitLineHeight) : token.lineHeight),
+    };
+}
+function normalizeStyleFontWeight(style) {
+    if (!style)
+        return style;
+    const flattened = react_native_1.StyleSheet.flatten(style);
+    const fontWeight = flattened === null || flattened === void 0 ? void 0 : flattened.fontWeight;
+    if (fontWeight == null)
+        return style;
+    const normalizedFontWeight = normalizeFontWeight(fontWeight);
+    if (normalizedFontWeight === fontWeight)
+        return style;
+    return [style, { fontWeight: normalizedFontWeight }];
+}
+function resolveNumberOfLines(truncate, numberOfLines) {
+    if (truncate === true)
+        return 1;
+    if (typeof truncate === 'number' && Number.isFinite(truncate)) {
+        return Math.max(1, Math.floor(truncate));
+    }
+    return numberOfLines;
+}
+function resolveAccessibilityState(disabled, accessibilityState) {
+    if (!disabled)
+        return accessibilityState;
+    return {
+        ...accessibilityState,
+        disabled: true,
+    };
+}
+const TextBase = React.forwardRef(function Text({ variant = 'body', size, lineHeight, weight, tone = 'default', color, align, transform, truncate, tabularNumbers = false, disabled = false, style, maxFontSizeMultiplier, allowFontScaling, numberOfLines, ellipsizeMode, accessibilityState, children, ...rest }, ref) {
+    var _a;
+    const theme = (0, useTheme_1.useTheme)();
+    const { width: viewportWidth } = (0, react_native_1.useWindowDimensions)();
+    const variantToken = (_a = VARIANT_TOKENS[variant]) !== null && _a !== void 0 ? _a : VARIANT_TOKENS.body;
+    const resolvedSize = size !== null && size !== void 0 ? size : variantToken.size;
+    const resolvedWeight = weight !== null && weight !== void 0 ? weight : variantToken.weight;
+    const toneColor = resolveToneColor(theme.colors, disabled ? 'disabled' : tone);
+    const resolvedColor = resolveColorToken(color, toneColor, theme);
+    const resolvedNumberOfLines = resolveNumberOfLines(truncate, numberOfLines);
+    const resolvedEllipsizeMode = truncate ? (ellipsizeMode !== null && ellipsizeMode !== void 0 ? ellipsizeMode : 'tail') : ellipsizeMode;
+    const resolvedAccessibilityState = React.useMemo(() => resolveAccessibilityState(disabled, accessibilityState), [accessibilityState, disabled]);
+    const typographyStyle = React.useMemo(() => resolveTypographyStyle(resolvedSize, lineHeight), [lineHeight, resolvedSize, viewportWidth]);
+    const semanticStyle = React.useMemo(() => {
+        const nextStyle = {
+            fontFamily: variantToken.fontFamily,
+            fontVariant: tabularNumbers ? ['tabular-nums'] : undefined,
+            fontWeight: normalizeFontWeight(resolveTextWeight(resolvedWeight)),
+            textAlign: align,
+            textTransform: transform,
+        };
+        if (resolvedColor !== undefined) {
+            nextStyle.color = resolvedColor;
+        }
+        return nextStyle;
+    }, [
+        align,
+        resolvedColor,
+        resolvedWeight,
+        tabularNumbers,
+        transform,
+        variantToken.fontFamily,
+    ]);
+    const normalizedStyle = React.useMemo(() => normalizeStyleFontWeight(style), [style]);
+    const finalStyle = React.useMemo(() => normalizedStyle
+        ? [baseStyles.root, typographyStyle, semanticStyle, normalizedStyle]
+        : [baseStyles.root, typographyStyle, semanticStyle], [normalizedStyle, semanticStyle, typographyStyle]);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, ...rest, accessibilityState: resolvedAccessibilityState, allowFontScaling: allowFontScaling, disabled: disabled, ellipsizeMode: resolvedEllipsizeMode, maxFontSizeMultiplier: allowFontScaling === false ? maxFontSizeMultiplier : (maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : (0, zkit_tools_1.getMaxFontSizeMultiplier)()), numberOfLines: resolvedNumberOfLines, style: finalStyle, children: children }));
+});
+TextBase.displayName = 'Text';
+exports.Text = React.memo(TextBase);
+exports.Text.displayName = 'Text';

package/dist/ui/TextInput/TextInputPrimitive.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { TextInput as RNTextInput, type TextInputProps as RNTextInputNativeProps } from 'react-native';
+export type TextInputPrimitiveProps = RNTextInputNativeProps;
+export type TextInputPrimitiveRef = React.ComponentRef<typeof RNTextInput>;
+export declare const TextInputPrimitive: React.ForwardRefExoticComponent<RNTextInputNativeProps & React.RefAttributes<RNTextInput>> & {
+    State: import("react-native").TextInputState;
+};
+//# sourceMappingURL=TextInputPrimitive.d.ts.map

package/dist/ui/TextInput/TextInputPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInput/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,SAAS,IAAI,WAAW,EACxB,KAAK,cAAc,IAAI,sBAAsB,EAC9C,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AA+B3E,eAAO,MAAM,kBAAkB;;CAE7B,CAAC"}

package/dist/ui/TextInput/TextInputPrimitive.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextInputPrimitive = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const zkit_tools_1 = require("zkit-tools");
+const useTheme_1 = require("../../theme/useTheme");
+const isAndroid = react_native_1.Platform.OS === 'android';
+const TextInputPrimitiveBase = React.forwardRef(function TextInputPrimitive({ maxFontSizeMultiplier, selectionColor, cursorColor, selectionHandleColor, ...rest }, ref) {
+    const theme = (0, useTheme_1.useTheme)();
+    const finalSelectionColor = selectionColor !== null && selectionColor !== void 0 ? selectionColor : theme.colors.primary;
+    const finalCursorColor = cursorColor !== null && cursorColor !== void 0 ? cursorColor : finalSelectionColor;
+    const finalHandleColor = selectionHandleColor !== null && selectionHandleColor !== void 0 ? selectionHandleColor : finalSelectionColor;
+    const androidRemountKey = isAndroid ? String(finalCursorColor) : undefined;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, maxFontSizeMultiplier: maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : (0, zkit_tools_1.getMaxFontSizeMultiplier)(), selectionColor: finalSelectionColor, cursorColor: finalCursorColor, selectionHandleColor: finalHandleColor, ...rest }, androidRemountKey));
+});
+TextInputPrimitiveBase.displayName = 'TextInputPrimitive';
+exports.TextInputPrimitive = Object.assign(TextInputPrimitiveBase, {
+    State: react_native_1.TextInput.State,
+});

package/dist/ui/TextInput/index.d.ts

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import type { ColorValue, DimensionValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { type TextInputPrimitiveProps, type TextInputPrimitiveRef } from './TextInputPrimitive';
+export { TextInputPrimitive, type TextInputPrimitiveProps, type TextInputPrimitiveRef, } from './TextInputPrimitive';
+export type TextInputVariant = 'outline' | 'filled' | 'plain';
+export type TextInputTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+export type TextInputStatus = 'default' | 'success' | 'warning' | 'error';
+export type TextInputSize = 'sm' | 'md' | 'lg';
+export type TextInputLayout = {
+    width?: DimensionValue;
+    minWidth?: DimensionValue;
+    maxWidth?: DimensionValue;
+    height?: DimensionValue;
+    minHeight?: number;
+    maxHeight?: number;
+    paddingHorizontal?: number;
+    paddingVertical?: number;
+    gap?: number;
+    radius?: number;
+    textSize?: number;
+    textLineHeight?: number;
+};
+export type TextInputColors = {
+    background?: string;
+    border?: string;
+    text?: string;
+    placeholder?: ColorValue;
+    label?: string;
+    description?: string;
+    error?: string;
+    success?: string;
+    warning?: string;
+    icon?: string;
+    disabledBackground?: string;
+    disabledBorder?: string;
+    disabledText?: string;
+};
+type NativeTextInputProps = Omit<TextInputPrimitiveProps, 'defaultValue' | 'editable' | 'onChange' | 'onChangeText' | 'readOnly' | 'style' | 'value'>;
+type SubmitEditingEvent = Parameters<NonNullable<TextInputPrimitiveProps['onSubmitEditing']>>[0];
+export type TextInputRef = TextInputPrimitiveRef;
+export interface TextInputProps extends NativeTextInputProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onNativeChange?: TextInputPrimitiveProps['onChange'];
+    onSubmit?: (value: string, event: SubmitEditingEvent) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    variant?: TextInputVariant;
+    tone?: TextInputTone;
+    status?: TextInputStatus;
+    size?: TextInputSize;
+    color?: string;
+    colors?: TextInputColors;
+    layout?: TextInputLayout;
+    label?: React.ReactNode;
+    labelAction?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    clearable?: boolean;
+    clearIcon?: React.ReactNode;
+    clearAccessibilityLabel?: string;
+    onClear?: () => void;
+    minRows?: number;
+    maxRows?: number;
+    showCount?: boolean;
+    renderCount?: (info: {
+        count: number;
+        maxLength?: number;
+    }) => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    fieldStyle?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    descriptionStyle?: StyleProp<TextStyle>;
+    errorStyle?: StyleProp<TextStyle>;
+    countStyle?: StyleProp<TextStyle>;
+    prefixStyle?: StyleProp<ViewStyle>;
+    suffixStyle?: StyleProp<ViewStyle>;
+    clearButtonStyle?: StyleProp<ViewStyle>;
+}
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<import("react-native").TextInput>> & {
+    State: import("react-native").TextInputState;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/TextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInput/index.tsx"],"names":[],"mappings":"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"}