react-native-divkit 0.1.0-alpha.1

package/dist/components/image/DivImage.js

@@ -0,0 +1,122 @@
+import React, { useMemo, useState } from 'react';
+import { Image, View, ActivityIndicator } from 'react-native';
+import { Outer } from '../utilities/Outer';
+import { useDerivedFromVarsSimple } from '../../hooks/useDerivedFromVars';
+import { wrapError } from '../../utils/wrapError';
+/**
+ * DivImage component - renders images from network URLs
+ * MVP implementation with basic features:
+ * - Network image loading
+ * - Scaling modes (fill, fit, stretch, no_scale)
+ * - Placeholder color while loading
+ * - Content alignment (horizontal & vertical)
+ * - Aspect ratio
+ *
+ * Deferred for post-MVP:
+ * - GIF support (requires native module or library)
+ * - Image preview (blur-up technique)
+ * - Tint color and tint modes
+ * - Image filters (blur, etc.)
+ * - Appearance animations
+ * - High priority preview
+ * - Preload required flag
+ * - react-native-fast-image integration
+ *
+ * Based on Web Image.svelte
+ */
+export function DivImage({ componentContext }) {
+    const { json, variables } = componentContext;
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(false);
+    // Reactive properties
+    const imageUrl = useDerivedFromVarsSimple(json.image_url || json.gif_url, variables || new Map());
+    const scale = useDerivedFromVarsSimple(json.scale || 'fill', variables || new Map());
+    const placeholderColor = useDerivedFromVarsSimple(json.placeholder_color, variables || new Map());
+    // Map DivKit scale to React Native resizeMode
+    const resizeMode = useMemo(() => {
+        switch (scale) {
+            case 'fill':
+                return 'cover'; // Fills the area, may crop
+            case 'fit':
+                return 'contain'; // Fits within area, no crop
+            case 'stretch':
+                return 'stretch'; // Stretches to fill, may distort
+            case 'no_scale':
+                return 'center'; // Original size, centered
+            default:
+                return 'cover';
+        }
+    }, [scale]);
+    // Container style (for placeholder and loading)
+    const containerStyle = useMemo(() => {
+        const style = {
+            overflow: 'hidden'
+        };
+        // Placeholder background
+        if (placeholderColor && loading) {
+            style.backgroundColor = placeholderColor;
+        }
+        // Aspect ratio
+        if (json.aspect?.ratio) {
+            style.aspectRatio = json.aspect.ratio;
+        }
+        return style;
+    }, [placeholderColor, loading, json.aspect]);
+    // Image style
+    const imageStyle = useMemo(() => {
+        const style = {
+            width: '100%',
+            height: '100%'
+        };
+        // Aspect ratio
+        if (json.aspect?.ratio) {
+            style.aspectRatio = json.aspect.ratio;
+        }
+        return style;
+    }, [json.aspect]);
+    // Handle image load events
+    const handleLoadStart = () => {
+        setLoading(true);
+        setError(false);
+    };
+    const handleLoadEnd = () => {
+        setLoading(false);
+    };
+    const handleError = () => {
+        setLoading(false);
+        setError(true);
+        componentContext.logError(wrapError(new Error(`Failed to load image: ${imageUrl}`)));
+    };
+    // Render error state
+    if (error) {
+        return (<Outer componentContext={componentContext}>
+                <View style={[containerStyle, { backgroundColor: placeholderColor || '#EEEEEE' }]}>
+                    {/* Error placeholder - could be customized */}
+                </View>
+            </Outer>);
+    }
+    // Render loading state
+    if (!imageUrl) {
+        return (<Outer componentContext={componentContext}>
+                <View style={[containerStyle, { backgroundColor: placeholderColor || '#EEEEEE' }]}/>
+            </Outer>);
+    }
+    return (<Outer componentContext={componentContext}>
+            <View style={containerStyle}>
+                <Image source={{ uri: imageUrl }} style={imageStyle} resizeMode={resizeMode} onLoadStart={handleLoadStart} onLoadEnd={handleLoadEnd} onError={handleError}/>
+                {loading && (<View style={{
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                justifyContent: 'center',
+                alignItems: 'center',
+                backgroundColor: placeholderColor || 'transparent'
+            }}>
+                        <ActivityIndicator size="small" color="#999999"/>
+                    </View>)}
+            </View>
+        </Outer>);
+}
+//# sourceMappingURL=DivImage.js.map

package/dist/components/image/DivImage.js.map

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

package/dist/components/image/index.d.ts

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

package/dist/components/image/index.d.ts.map

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

package/dist/components/image/index.js

@@ -0,0 +1,2 @@
+export { DivImage } from './DivImage';
+//# sourceMappingURL=index.js.map

package/dist/components/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+export { DivComponent } from './DivComponent';
+export type { DivComponentProps } from './DivComponent';
+export { DivText } from './text';
+export { DivContainer } from './container';
+export { DivImage } from './image';
+export { DivState } from './state';
+export { Outer } from './utilities/Outer';
+export { Unknown } from './utilities/Unknown';
+export type { DivTextProps } from './text';
+export type { DivContainerProps } from './container';
+export type { DivImageProps } from './image';
+export type { DivStateProps } from './state';
+export type { OuterProps } from './utilities/Outer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,11 @@
+// Component router
+export { DivComponent } from './DivComponent';
+// Individual components
+export { DivText } from './text';
+export { DivContainer } from './container';
+export { DivImage } from './image';
+export { DivState } from './state';
+// Utilities
+export { Outer } from './utilities/Outer';
+export { Unknown } from './utilities/Unknown';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,wBAAwB;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,YAAY;AACZ,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/state/DivState.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ComponentContext } from '../../types/componentContext';
+import type { DivStateData } from '../../types/state';
+export interface DivStateProps {
+    componentContext: ComponentContext<DivStateData>;
+}
+/**
+ * DivState component - renders different content based on state
+ * MVP implementation with basic features:
+ * - State selection by state_id
+ * - Default state
+ * - State switching via actions (set_state)
+ * - State registration in StateContext
+ * - State variable binding (state_id_variable)
+ *
+ * Deferred for post-MVP:
+ * - Transition animations (in/out/change)
+ * - Animation timing and interpolation
+ * - Clip to bounds
+ * - Advanced state management
+ * - Multiple concurrent state transitions
+ *
+ * Based on Web State.svelte
+ */
+export declare function DivState({ componentContext }: DivStateProps): React.JSX.Element;
+//# sourceMappingURL=DivState.d.ts.map

package/dist/components/state/DivState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivState.d.ts","sourceRoot":"","sources":["../../../src/components/state/DivState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAS,MAAM,mBAAmB,CAAC;AAM7D,MAAM,WAAW,aAAa;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CACpD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,EAAE,aAAa,qBAkH3D"}

package/dist/components/state/DivState.js

@@ -0,0 +1,121 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { View } from 'react-native';
+import { Outer } from '../utilities/Outer';
+import { useStateContext } from '../../context/StateContext';
+import { useDivKitContext } from '../../context/DivKitContext';
+import { wrapError } from '../../utils/wrapError';
+/**
+ * DivState component - renders different content based on state
+ * MVP implementation with basic features:
+ * - State selection by state_id
+ * - Default state
+ * - State switching via actions (set_state)
+ * - State registration in StateContext
+ * - State variable binding (state_id_variable)
+ *
+ * Deferred for post-MVP:
+ * - Transition animations (in/out/change)
+ * - Animation timing and interpolation
+ * - Clip to bounds
+ * - Advanced state management
+ * - Multiple concurrent state transitions
+ *
+ * Based on Web State.svelte
+ */
+export function DivState({ componentContext }) {
+    const { json } = componentContext;
+    const { getVariable } = useDivKitContext();
+    const { registerState } = useStateContext();
+    // Get state ID for registration
+    const stateId = json.div_id || json.id;
+    // Find default state
+    const defaultStateId = useMemo(() => {
+        if (json.default_state_id) {
+            return json.default_state_id;
+        }
+        // If no default, use first state
+        if (json.states && json.states.length > 0) {
+            return json.states[0].state_id;
+        }
+        return undefined;
+    }, [json.default_state_id, json.states]);
+    // State management
+    const [currentStateId, setCurrentStateId] = useState(defaultStateId);
+    // Handle state_id_variable (two-way binding)
+    const stateVariableName = json.state_id_variable;
+    const stateVariable = stateVariableName ? getVariable(stateVariableName) : undefined;
+    // Sync with state variable
+    useEffect(() => {
+        if (stateVariable) {
+            // Subscribe to variable changes
+            const unsubscribe = stateVariable.subscribe((value) => {
+                if (typeof value === 'string' && value !== currentStateId) {
+                    setCurrentStateId(value);
+                }
+            });
+            return unsubscribe;
+        }
+        return undefined;
+    }, [stateVariable, currentStateId]);
+    // Update variable when state changes
+    useEffect(() => {
+        if (stateVariable && currentStateId) {
+            const currentValue = stateVariable.getValue();
+            if (currentValue !== currentStateId) {
+                stateVariable.setValue(currentStateId);
+            }
+        }
+    }, [stateVariable, currentStateId]);
+    // Register state in context for set_state action
+    useEffect(() => {
+        if (stateId) {
+            const unregister = registerState(stateId, async (newStateId) => {
+                setCurrentStateId(newStateId);
+                return undefined;
+            });
+            return unregister;
+        }
+        return undefined;
+    }, [stateId, registerState]);
+    // Validate states
+    useEffect(() => {
+        if (!json.states || json.states.length === 0) {
+            componentContext.logError(wrapError(new Error('Empty "states" prop for div "state"')));
+        }
+        if (!stateId) {
+            componentContext.logError(wrapError(new Error('Missing "id" prop for div "state"')));
+        }
+    }, [json.states, stateId, componentContext]);
+    // Find current state
+    const currentState = useMemo(() => {
+        if (!json.states)
+            return undefined;
+        const found = json.states.find(s => s.state_id === currentStateId);
+        if (!found || !found.state_id)
+            return undefined;
+        return found;
+    }, [json.states, currentStateId]);
+    // Create child context for current state
+    const childContext = useMemo(() => {
+        if (!currentState?.div)
+            return undefined;
+        return componentContext.produceChildContext(currentState.div, {
+            path: currentStateId,
+        });
+    }, [currentState, currentStateId, componentContext]);
+    // Render current state
+    const renderContent = () => {
+        if (!currentState?.div || !childContext) {
+            return null;
+        }
+        // Import DivComponent dynamically to avoid circular dependency
+        const DivComponent = require('../DivComponent').DivComponent;
+        return (<DivComponent componentContext={childContext}/>);
+    };
+    return (<Outer componentContext={componentContext}>
+            <View>
+                {renderContent()}
+            </View>
+        </Outer>);
+}
+//# sourceMappingURL=DivState.js.map

package/dist/components/state/DivState.js.map

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

package/dist/components/state/index.d.ts

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

package/dist/components/state/index.d.ts.map

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

package/dist/components/state/index.js

@@ -0,0 +1,2 @@
+export { DivState } from './DivState';
+//# sourceMappingURL=index.js.map

package/dist/components/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { ComponentContext } from '../../types/componentContext';
+import type { DivTextData } from '../../types/text';
+export interface DivTextProps {
+    componentContext: ComponentContext<DivTextData>;
+}
+/**
+ * DivText component - renders text with styling
+ * MVP implementation with basic features:
+ * - Text rendering with variable substitution
+ * - Font styling (size, weight, color, family)
+ * - Text alignment (horizontal & vertical)
+ * - Max lines with ellipsize
+ * - Line height, letter spacing
+ * - Text decorations (underline, strikethrough)
+ *
+ * Deferred for post-MVP:
+ * - Text ranges (nested styling)
+ * - Text images
+ * - Text gradients
+ * - Text shadows
+ * - Auto ellipsize
+ * - Selectable text with custom actions
+ *
+ * Based on Web Text.svelte
+ */
+export declare function DivText({ componentContext }: DivTextProps): React.JSX.Element;
+//# sourceMappingURL=DivText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DivText.d.ts","sourceRoot":"","sources":["../../../src/components/text/DivText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAwB,MAAM,kBAAkB,CAAC;AAK1E,MAAM,WAAW,YAAY;IACzB,gBAAgB,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,EAAE,gBAAgB,EAAE,EAAE,YAAY,qBAyJzD"}

package/dist/components/text/DivText.js

@@ -0,0 +1,143 @@
+import React, { useMemo } from 'react';
+import { Text } from 'react-native';
+import { Outer } from '../utilities/Outer';
+import { useDerivedFromVarsSimple } from '../../hooks/useDerivedFromVars';
+import { useDivKitContext } from '../../context/DivKitContext';
+/**
+ * DivText component - renders text with styling
+ * MVP implementation with basic features:
+ * - Text rendering with variable substitution
+ * - Font styling (size, weight, color, family)
+ * - Text alignment (horizontal & vertical)
+ * - Max lines with ellipsize
+ * - Line height, letter spacing
+ * - Text decorations (underline, strikethrough)
+ *
+ * Deferred for post-MVP:
+ * - Text ranges (nested styling)
+ * - Text images
+ * - Text gradients
+ * - Text shadows
+ * - Auto ellipsize
+ * - Selectable text with custom actions
+ *
+ * Based on Web Text.svelte
+ */
+export function DivText({ componentContext }) {
+    const { direction } = useDivKitContext();
+    const { json, variables } = componentContext;
+    // Reactive properties - use hooks for properties that may contain variables
+    const text = useDerivedFromVarsSimple(json.text || '', variables || new Map());
+    const fontSize = useDerivedFromVarsSimple(json.font_size || 12, variables || new Map());
+    const textColor = useDerivedFromVarsSimple(json.text_color || '#000000', variables || new Map());
+    const textAlignmentHorizontal = useDerivedFromVarsSimple(json.text_alignment_horizontal || 'start', variables || new Map());
+    const maxLines = useDerivedFromVarsSimple(json.max_lines, variables || new Map());
+    // Build text style
+    const textStyle = useMemo(() => {
+        const style = {};
+        // Font size
+        if (fontSize) {
+            style.fontSize = fontSize;
+        }
+        // Text color
+        if (textColor) {
+            style.color = textColor;
+        }
+        // Font weight
+        if (json.font_weight) {
+            const weightMap = {
+                'light': '300',
+                'regular': '400',
+                'medium': '500',
+                'bold': '700'
+            };
+            style.fontWeight = weightMap[json.font_weight] || '400';
+        }
+        else if (json.font_weight_value) {
+            // Custom weight value (100-900)
+            const weight = Math.max(100, Math.min(900, json.font_weight_value));
+            style.fontWeight = String(weight);
+        }
+        // Font family
+        if (json.font_family) {
+            style.fontFamily = json.font_family;
+        }
+        // Line height
+        if (json.line_height && fontSize) {
+            // DivKit line_height is in pixels, React Native expects ratio or pixels
+            // Convert to ratio: line_height / font_size
+            style.lineHeight = json.line_height;
+        }
+        // Letter spacing
+        if (json.letter_spacing !== undefined) {
+            style.letterSpacing = json.letter_spacing;
+        }
+        // Text alignment
+        const alignValue = textAlignmentHorizontal;
+        if (alignValue === 'start') {
+            style.textAlign = direction === 'rtl' ? 'right' : 'left';
+        }
+        else if (alignValue === 'end') {
+            style.textAlign = direction === 'rtl' ? 'left' : 'right';
+        }
+        else if (alignValue === 'center') {
+            style.textAlign = 'center';
+        }
+        else if (alignValue === 'left' || alignValue === 'right') {
+            style.textAlign = alignValue;
+        }
+        // Text decoration - underline
+        if (json.underline === 'single') {
+            style.textDecorationLine = 'underline';
+        }
+        // Text decoration - strike (strikethrough)
+        if (json.strike === 'single') {
+            if (style.textDecorationLine === 'underline') {
+                style.textDecorationLine = 'underline line-through';
+            }
+            else {
+                style.textDecorationLine = 'line-through';
+            }
+        }
+        // Font feature settings (advanced typography)
+        if (json.font_feature_settings) {
+            // React Native supports fontVariant for some features
+            // For full support, this may require native modules
+            // MVP: basic support
+            style.fontVariant = json.font_feature_settings.split(',').map(s => s.trim());
+        }
+        return style;
+    }, [
+        fontSize,
+        textColor,
+        textAlignmentHorizontal,
+        json.font_weight,
+        json.font_weight_value,
+        json.font_family,
+        json.line_height,
+        json.letter_spacing,
+        json.underline,
+        json.strike,
+        json.font_feature_settings,
+        direction
+    ]);
+    // Determine numberOfLines prop
+    const numberOfLines = maxLines && maxLines > 0 ? maxLines : undefined;
+    // Ellipsize mode
+    const ellipsizeMode = useMemo(() => {
+        const truncate = json.truncate;
+        if (truncate === 'end' || numberOfLines !== undefined) {
+            return 'tail';
+        }
+        return undefined;
+    }, [json.truncate, numberOfLines]);
+    // Vertical alignment is handled by Outer component via alignment props
+    // For text, we primarily care about horizontal alignment which is in textStyle
+    return (<Outer componentContext={componentContext}>
+            <Text style={textStyle} numberOfLines={numberOfLines} ellipsizeMode={ellipsizeMode} allowFontScaling={false} // DivKit has fixed sizes
+    >
+                {text}
+            </Text>
+        </Outer>);
+}
+//# sourceMappingURL=DivText.js.map

package/dist/components/text/DivText.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/text/index.js

@@ -0,0 +1,2 @@
+export { DivText } from './DivText';
+//# sourceMappingURL=index.js.map

package/dist/components/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/utilities/Outer.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+import type { ComponentContext } from '../../types/componentContext';
+import type { DivBaseData } from '../../types/base';
+export interface OuterProps<T extends DivBaseData = DivBaseData> {
+    componentContext: ComponentContext<T>;
+    children: ReactNode;
+    style?: ViewStyle;
+}
+/**
+ * Outer component - base wrapper for all DivKit components
+ * Handles visibility, sizing, padding, margins, background, borders, and actions
+ *
+ * Based on Web Outer.svelte but simplified for React Native MVP
+ */
+export declare function Outer<T extends DivBaseData = DivBaseData>({ componentContext, children, style: customStyle }: OuterProps<T>): React.JSX.Element | null;
+//# sourceMappingURL=Outer.d.ts.map

package/dist/components/utilities/Outer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Outer.d.ts","sourceRoot":"","sources":["../../../src/components/utilities/Outer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAClD,OAAO,EAAmB,SAAS,EAAc,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQpD,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC3D,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACvD,gBAAgB,EAChB,QAAQ,EACR,KAAK,EAAE,WAAW,EACrB,EAAE,UAAU,CAAC,CAAC,CAAC,4BAmNf"}