@streamplace/components 0.7.13 → 0.7.15

package/dist/components/ui/info-box.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InfoBox = InfoBox;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const zero = tslib_1.__importStar(require("../../ui"));
-const { bg, r, p, text, layout, gap, flex } = zero;
-function InfoBox({ icon: Icon, label, value, status = "neutral", }) {
-    const statusColors = {
-        good: text.green[400],
-        warning: text.yellow[400],
-        error: text.red[400],
-        neutral: text.white,
-    };
-    const statusColor = statusColors[status];
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
-            flex.values[1],
-            layout.flex.column,
-            layout.flex.spaceBetween,
-            layout.flex.alignCenter,
-            bg.neutral[700],
-            r.sm,
-            p[2],
-        ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
-                    layout.flex.row,
-                    layout.flex.spaceBetween,
-                    gap.all[3],
-                    zero.w.percent[100],
-                ], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [text.gray[100], { fontSize: 13, fontWeight: "500" }], children: label }), (0, jsx_runtime_1.jsx)(Icon, { size: 16, color: "#9ca3af" })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [layout.flex.align.end, zero.w.percent[100]], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [statusColor, { fontSize: 26, fontWeight: "600" }], children: value }) })] }));
-}

package/dist/components/ui/info-row.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InfoRow = InfoRow;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const zero = tslib_1.__importStar(require("../../ui"));
-const { text, layout, py, gap } = zero;
-function InfoRow({ icon: Icon, label, value, status = "neutral", }) {
-    const statusColors = {
-        good: text.green[400],
-        warning: text.yellow[400],
-        error: text.red[400],
-        neutral: text.white,
-    };
-    const statusColor = statusColors[status];
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
-            layout.flex.row,
-            layout.flex.spaceBetween,
-            layout.flex.alignCenter,
-            py[2],
-        ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [layout.flex.row, layout.flex.alignCenter, gap.all[3]], children: [(0, jsx_runtime_1.jsx)(Icon, { size: 16, color: "#9ca3af" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [text.gray[300], { fontSize: 13, fontWeight: "500" }], children: label })] }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [statusColor, { fontSize: 13, fontWeight: "600" }], children: value })] }));
-}

package/dist/components/ui/input.js

@@ -1,205 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.inputVariants = exports.Input = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const class_variance_authority_1 = require("class-variance-authority");
-const react_1 = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const theme_1 = require("../../lib/theme/theme");
-const input_1 = require("./primitives/input");
-const inputVariants = (0, class_variance_authority_1.cva)("", {
-    variants: {
-        variant: {
-            default: "default",
-            filled: "filled",
-            underlined: "underlined",
-        },
-        size: {
-            sm: "sm",
-            md: "md",
-            lg: "lg",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "md",
-    },
-});
-exports.inputVariants = inputVariants;
-exports.Input = (0, react_1.forwardRef)(({ variant = "default", size = "md", label, description, error, required = false, leftAddon, rightAddon, disabled = false, containerStyle, inputStyle, ...props }, ref) => {
-    const { theme } = (0, theme_1.useTheme)();
-    const [isFocused, setIsFocused] = react_1.default.useState(false);
-    const inputRef = react_1.default.useRef(null);
-    // Create dynamic styles based on theme
-    const styles = react_1.default.useMemo(() => createStyles(theme), [theme]);
-    // Get variant and size styles
-    const containerStyles = react_1.default.useMemo(() => {
-        const variantStyle = styles[`${variant}Container`];
-        const sizeStyle = styles[`${size}Container`];
-        const focusStyle = isFocused ? styles.focusedContainer : null;
-        return [variantStyle, sizeStyle, focusStyle];
-    }, [variant, size, styles, isFocused]);
-    const textStyles = react_1.default.useMemo(() => {
-        const variantTextStyle = styles[`${variant}Input`];
-        const sizeTextStyle = styles[`${size}Input`];
-        return [variantTextStyle, sizeTextStyle];
-    }, [variant, size, styles]);
-    const handleFocus = react_1.default.useCallback((event) => {
-        setIsFocused(true);
-        if (props.onFocus) {
-            props.onFocus(event);
-        }
-    }, [props.onFocus]);
-    const handleBlur = react_1.default.useCallback((event) => {
-        setIsFocused(false);
-        if (props.onBlur) {
-            props.onBlur(event);
-        }
-    }, [props.onBlur]);
-    const handleContainerPress = react_1.default.useCallback(() => {
-        if (inputRef.current && !disabled) {
-            inputRef.current.focus();
-        }
-    }, [disabled]);
-    const hasAddons = leftAddon || rightAddon;
-    if (hasAddons) {
-        return ((0, jsx_runtime_1.jsxs)(input_1.InputPrimitive.Group, { children: [label && ((0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Label, { required: required, disabled: disabled, error: !!error, children: label })), (0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPress: handleContainerPress, children: (0, jsx_runtime_1.jsxs)(input_1.InputPrimitive.Container, { focused: isFocused, error: !!error, disabled: disabled, style: [containerStyles, containerStyle, { padding: 0 }], children: [leftAddon && ((0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Addon, { position: "left", children: leftAddon })), (0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Root, { ref: (node) => {
-                                    inputRef.current = node;
-                                    if (ref) {
-                                        if (typeof ref === "function") {
-                                            ref(node);
-                                        }
-                                        else {
-                                            ref.current = node;
-                                        }
-                                    }
-                                }, disabled: disabled, error: !!error, onFocus: handleFocus, onBlur: handleBlur, style: [
-                                    textStyles,
-                                    styles.inputInContainer,
-                                    inputStyle,
-                                    { outline: "none" },
-                                ], placeholderTextColor: disabled ? theme.colors.textDisabled : theme.colors.textMuted, ...props }), rightAddon && ((0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Addon, { position: "right", children: rightAddon }))] }) }), description && !error && ((0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Description, { disabled: disabled, children: description })), (0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Error, { visible: !!error, children: error })] }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(input_1.InputPrimitive.Group, { children: [label && ((0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Label, { required: required, disabled: disabled, error: !!error, children: label })), (0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Root, { ref: (node) => {
-                    inputRef.current = node;
-                    if (ref) {
-                        if (typeof ref === "function") {
-                            ref(node);
-                        }
-                        else {
-                            ref.current = node;
-                        }
-                    }
-                }, disabled: disabled, error: !!error, onFocus: handleFocus, onBlur: handleBlur, style: [containerStyles, textStyles, containerStyle, inputStyle], placeholderTextColor: disabled ? theme.colors.textDisabled : theme.colors.textMuted, ...props }), description && !error && ((0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Description, { disabled: disabled, children: description })), (0, jsx_runtime_1.jsx)(input_1.InputPrimitive.Error, { visible: !!error, children: error })] }));
-});
-exports.Input.displayName = "Input";
-// Create theme-aware styles
-function createStyles(theme) {
-    return react_native_1.StyleSheet.create({
-        // Variant styles for containers
-        defaultContainer: {
-            backgroundColor: theme.colors.background,
-            borderWidth: 1,
-            borderColor: theme.colors.border,
-            borderRadius: theme.borderRadius.md,
-        },
-        filledContainer: {
-            backgroundColor: theme.colors.muted,
-            borderWidth: 0,
-            borderRadius: theme.borderRadius.md,
-        },
-        underlinedContainer: {
-            backgroundColor: "transparent",
-            borderWidth: 0,
-            borderBottomWidth: 1,
-            borderBottomColor: theme.colors.border,
-            borderRadius: 0,
-            paddingHorizontal: 0,
-        },
-        // Variant styles for inputs
-        defaultInput: {
-            color: theme.colors.text,
-            backgroundColor: "transparent",
-        },
-        filledInput: {
-            color: theme.colors.text,
-            backgroundColor: "transparent",
-        },
-        underlinedInput: {
-            color: theme.colors.text,
-            backgroundColor: "transparent",
-        },
-        // Size styles for containers
-        smContainer: {
-            paddingHorizontal: theme.spacing[3],
-            paddingVertical: theme.spacing[2],
-            minHeight: theme.touchTargets.minimum - 8,
-        },
-        mdContainer: {
-            paddingHorizontal: theme.spacing[3],
-            paddingVertical: theme.spacing[3],
-            minHeight: theme.touchTargets.minimum,
-        },
-        lgContainer: {
-            paddingHorizontal: theme.spacing[4],
-            paddingVertical: theme.spacing[4],
-            minHeight: theme.touchTargets.comfortable,
-        },
-        // Size styles for inputs
-        smInput: {
-            fontSize: 14,
-            lineHeight: 18,
-            ...react_native_1.Platform.select({
-                ios: {
-                    paddingVertical: 0,
-                },
-                android: {
-                    paddingVertical: 0,
-                    textAlignVertical: "center",
-                },
-            }),
-        },
-        mdInput: {
-            fontSize: 16,
-            lineHeight: 20,
-            ...react_native_1.Platform.select({
-                ios: {
-                    paddingVertical: 0,
-                },
-                android: {
-                    paddingVertical: 0,
-                    textAlignVertical: "center",
-                },
-            }),
-        },
-        lgInput: {
-            fontSize: 18,
-            lineHeight: 22,
-            ...react_native_1.Platform.select({
-                ios: {
-                    paddingVertical: 0,
-                },
-                android: {
-                    paddingVertical: 0,
-                    textAlignVertical: "center",
-                },
-            }),
-        },
-        // Special style for inputs inside containers
-        inputInContainer: {
-            flex: 1,
-            paddingHorizontal: 0,
-            paddingVertical: 0,
-            borderWidth: 0,
-            backgroundColor: "transparent",
-            minHeight: "auto",
-            borderRadius: 0,
-        },
-        // Focus styles
-        focusedContainer: {
-            borderColor: theme.colors.primary,
-            borderWidth: 1,
-        },
-    });
-}

package/dist/components/ui/loader.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = Loader;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const theme_1 = require("../../lib/theme");
-function Loader(props) {
-    const { theme } = (0, theme_1.useTheme)();
-    return (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: theme.colors.primary, ...props });
-}

package/dist/components/ui/primitives/button.js

@@ -1,125 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonPrimitive = exports.ButtonContent = exports.ButtonLoading = exports.ButtonIcon = exports.ButtonText = exports.ButtonRoot = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-// Button root primitive - handles all touch interactions
-exports.ButtonRoot = (0, react_1.forwardRef)(({ children, disabled = false, loading = false, onPress, onPressIn, onPressOut, onLongPress, accessibilityRole = "button", accessibilityLabel, accessibilityHint, accessibilityState, testID, style, activeOpacity = 0.7, ...props }, ref) => {
-    const handlePress = react_1.default.useCallback((event) => {
-        if (!disabled && !loading && onPress) {
-            onPress(event);
-        }
-    }, [disabled, loading, onPress]);
-    const handlePressIn = react_1.default.useCallback((event) => {
-        if (!disabled && !loading && onPressIn) {
-            onPressIn(event);
-        }
-    }, [disabled, loading, onPressIn]);
-    const handlePressOut = react_1.default.useCallback((event) => {
-        if (!disabled && !loading && onPressOut) {
-            onPressOut(event);
-        }
-    }, [disabled, loading, onPressOut]);
-    const handleLongPress = react_1.default.useCallback((event) => {
-        if (!disabled && !loading && onLongPress) {
-            onLongPress(event);
-        }
-    }, [disabled, loading, onLongPress]);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { ref: ref, onPress: handlePress, onPressIn: handlePressIn, onPressOut: handlePressOut, onLongPress: handleLongPress, disabled: disabled || loading, activeOpacity: disabled || loading ? 1 : activeOpacity, accessibilityRole: accessibilityRole, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint, accessibilityState: {
-            disabled: disabled || loading,
-            busy: loading,
-            ...accessibilityState,
-        }, testID: testID, style: [
-            primitiveStyles.button,
-            (disabled || loading) && primitiveStyles.disabled,
-            style,
-        ], ...props, children: children }));
-});
-exports.ButtonRoot.displayName = "ButtonRoot";
-exports.ButtonText = (0, react_1.forwardRef)(({ children, disabled, loading, style, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, style: [
-            primitiveStyles.text,
-            (disabled || loading) && primitiveStyles.textDisabled,
-            style,
-        ], ...props, children: children }));
-});
-exports.ButtonText.displayName = "ButtonText";
-exports.ButtonIcon = (0, react_1.forwardRef)(({ children, position = "left", disabled, loading, style, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [
-            primitiveStyles.icon,
-            (disabled || loading) && primitiveStyles.iconDisabled,
-            style,
-        ], ...props, children: children }));
-});
-exports.ButtonIcon.displayName = "ButtonIcon";
-exports.ButtonLoading = (0, react_1.forwardRef)(({ children, visible = false, style, ...props }, ref) => {
-    if (!visible)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [primitiveStyles.loading, style], ...props, children: children }));
-});
-exports.ButtonLoading.displayName = "ButtonLoading";
-exports.ButtonContent = (0, react_1.forwardRef)(({ children, direction = "row", align = "center", justify = "center", style, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [
-            primitiveStyles.content,
-            {
-                flexDirection: direction,
-                alignItems: align,
-                justifyContent: justify,
-            },
-            style,
-        ], ...props, children: children }));
-});
-exports.ButtonContent.displayName = "ButtonContent";
-// Primitive styles (minimal, unstyled)
-const primitiveStyles = react_native_1.StyleSheet.create({
-    button: {
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: 44, // iOS minimum touch target
-        minWidth: 44,
-    },
-    disabled: {
-        opacity: 0.5,
-    },
-    content: {
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "center",
-        flex: 1,
-    },
-    text: {
-        textAlign: "center",
-    },
-    textDisabled: {
-        opacity: 0.5,
-    },
-    icon: {
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    iconLeft: {
-        marginRight: 8,
-    },
-    iconRight: {
-        marginLeft: 8,
-    },
-    iconDisabled: {
-        opacity: 0.5,
-    },
-    loading: {
-        position: "absolute",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-});
-// Export primitive collection
-exports.ButtonPrimitive = {
-    Root: exports.ButtonRoot,
-    Text: exports.ButtonText,
-    Icon: exports.ButtonIcon,
-    Loading: exports.ButtonLoading,
-    Content: exports.ButtonContent,
-};

package/dist/components/ui/primitives/input.js

@@ -1,206 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputPrimitive = exports.InputGroup = exports.InputAddon = exports.InputError = exports.InputDescription = exports.InputLabel = exports.InputContainer = exports.InputRoot = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-// Input root primitive - the main TextInput component
-exports.InputRoot = (0, react_1.forwardRef)(({ value, onChangeText, onChange, onFocus, onBlur, error = false, disabled = false, loading = false, editable, style, placeholderTextColor = "#9ca3af", ...props }, ref) => {
-    const [isFocused, setIsFocused] = react_1.default.useState(false);
-    const handleChangeText = react_1.default.useCallback((text) => {
-        if (onChangeText) {
-            onChangeText(text);
-        }
-        if (onChange) {
-            onChange(text);
-        }
-    }, [onChangeText, onChange]);
-    const handleFocus = react_1.default.useCallback((event) => {
-        setIsFocused(true);
-        if (onFocus) {
-            onFocus(event);
-        }
-    }, [onFocus]);
-    const handleBlur = react_1.default.useCallback((event) => {
-        setIsFocused(false);
-        if (onBlur) {
-            onBlur(event);
-        }
-    }, [onBlur]);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, value: value, onChangeText: handleChangeText, onFocus: handleFocus, onBlur: handleBlur, editable: !disabled && !loading && editable, placeholderTextColor: placeholderTextColor, style: [
-            primitiveStyles.input,
-            style,
-            error && primitiveStyles.inputError,
-            disabled && primitiveStyles.inputDisabled,
-            loading && primitiveStyles.inputLoading,
-        ], ...props }));
-});
-exports.InputRoot.displayName = "InputRoot";
-exports.InputContainer = (0, react_1.forwardRef)(({ children, focused = false, error = false, disabled = false, style, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [
-            primitiveStyles.container,
-            style,
-            focused && primitiveStyles.containerFocused,
-            error && primitiveStyles.containerError,
-            disabled && primitiveStyles.containerDisabled,
-        ], ...props, children: children }));
-});
-exports.InputContainer.displayName = "InputContainer";
-exports.InputLabel = (0, react_1.forwardRef)(({ children, required = false, disabled = false, error = false, style, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { ref: ref, style: [
-            primitiveStyles.label,
-            style,
-            error && primitiveStyles.labelError,
-            disabled && primitiveStyles.labelDisabled,
-        ], ...props, children: [children, required && (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: primitiveStyles.required, children: " *" })] }));
-});
-exports.InputLabel.displayName = "InputLabel";
-exports.InputDescription = (0, react_1.forwardRef)(({ children, error = false, disabled = false, style, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, style: [
-            primitiveStyles.description,
-            style,
-            error && primitiveStyles.descriptionError,
-            disabled && primitiveStyles.descriptionDisabled,
-        ], ...props, children: children }));
-});
-exports.InputDescription.displayName = "InputDescription";
-exports.InputError = (0, react_1.forwardRef)(({ children, visible = true, style, ...props }, ref) => {
-    if (!visible || !children)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, style: [primitiveStyles.error, style], ...props, children: children }));
-});
-exports.InputError.displayName = "InputError";
-exports.InputAddon = (0, react_1.forwardRef)(({ children, position = "left", touchable = false, onPress, style, ...props }, ref) => {
-    const addonStyle = [
-        primitiveStyles.addon,
-        primitiveStyles[`addon${position.charAt(0).toUpperCase() + position.slice(1)}`],
-        style,
-    ];
-    if (touchable && onPress) {
-        return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { ref: ref, style: addonStyle, onPress: onPress, ...props, children: children }));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: addonStyle, ...props, children: children }));
-});
-exports.InputAddon.displayName = "InputAddon";
-exports.InputGroup = (0, react_1.forwardRef)(({ children, spacing = 8, style, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [primitiveStyles.group, { gap: spacing }, style], ...props, children: children }));
-});
-exports.InputGroup.displayName = "InputGroup";
-// Primitive styles (minimal, unstyled)
-const primitiveStyles = react_native_1.StyleSheet.create({
-    input: {
-        minHeight: 44, // iOS minimum touch target
-        paddingHorizontal: 12,
-        paddingVertical: 8,
-        fontSize: 16,
-        borderWidth: 1,
-        borderColor: "#d1d5db",
-        borderRadius: 8,
-        backgroundColor: "white",
-        ...react_native_1.Platform.select({
-            ios: {
-                paddingVertical: 12,
-            },
-            android: {
-                paddingVertical: 8,
-                textAlignVertical: "center",
-            },
-        }),
-    },
-    inputFocused: {
-    // No focus styles for the actual input
-    },
-    inputError: {
-        borderColor: "#ef4444",
-        borderWidth: 1,
-    },
-    inputDisabled: {
-        backgroundColor: "#f3f4f6",
-        borderColor: "#e5e7eb",
-        opacity: 0.6,
-    },
-    inputLoading: {
-        opacity: 0.7,
-    },
-    container: {
-        flexDirection: "row",
-        alignItems: "center",
-        borderWidth: 1,
-        borderColor: "#d1d5db",
-        borderRadius: 8,
-        backgroundColor: "white",
-        paddingHorizontal: 12,
-        minHeight: 44,
-    },
-    containerFocused: {
-        borderColor: "#3b82f6",
-        borderWidth: 1,
-    },
-    containerError: {
-        borderColor: "#ef4444",
-        borderWidth: 1,
-    },
-    containerDisabled: {
-        backgroundColor: "#f3f4f6",
-        borderColor: "#e5e7eb",
-        opacity: 0.6,
-    },
-    label: {
-        fontSize: 14,
-        fontWeight: "500",
-        color: "#374151",
-        marginBottom: 4,
-    },
-    labelError: {
-        color: "#ef4444",
-    },
-    labelDisabled: {
-        color: "#9ca3af",
-        opacity: 0.6,
-    },
-    required: {
-        color: "#ef4444",
-    },
-    description: {
-        fontSize: 12,
-        color: "#6b7280",
-        marginTop: 4,
-    },
-    descriptionError: {
-        color: "#ef4444",
-    },
-    descriptionDisabled: {
-        color: "#9ca3af",
-        opacity: 0.6,
-    },
-    error: {
-        fontSize: 12,
-        color: "#ef4444",
-        marginTop: 4,
-    },
-    addon: {
-        alignItems: "center",
-        justifyContent: "center",
-        paddingHorizontal: 8,
-    },
-    addonLeft: {
-        marginRight: 8,
-    },
-    addonRight: {
-        marginLeft: 8,
-    },
-    group: {
-        flexDirection: "column",
-    },
-});
-// Export primitive collection
-exports.InputPrimitive = {
-    Root: exports.InputRoot,
-    Container: exports.InputContainer,
-    Label: exports.InputLabel,
-    Description: exports.InputDescription,
-    Error: exports.InputError,
-    Addon: exports.InputAddon,
-    Group: exports.InputGroup,
-};