@app-studio/components 0.10.17

package/dist/native/components/Title/Title/Title.view.js

@@ -0,0 +1,154 @@
+import React from 'react';
+import { Element, useInView, Text as DefaultText, } from 'app-studio';
+import { useTitleState } from './Title.state';
+import { HighlightStyles, ResponsiveTypography, TitleSizes, } from './Title.style';
+import TypewriterEffect from './TypewriterEffect';
+import SlideEffect from './SlideEffect';
+// Defines a utility function to escape special characters in a string, ensuring it can be safely used within a regular expression without unintended behavior.
+function escapeRegExp(string) {
+    // Replaces all special regex characters (e.g., '.', '*', '+', '?') with their escaped versions using a global regular expression.
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+// A utility function that processes a string to replace '|' characters with HTML `<br />` tags, effectively creating line breaks in the rendered text.
+const renderWithLineBreaks = (text) => {
+    // Checks if the input `text` is undefined, null, or not a string; if so, it returns the input as-is to prevent errors.
+    if (!text || typeof text !== 'string')
+        return text;
+    // Splits the input `text` into an array of substrings wherever a '|' character is encountered.
+    const parts = text.split('|');
+    // If the `text` does not contain any '|' characters (resulting in a single part), it returns the original text directly.
+    if (parts.length === 1)
+        return text;
+    // Maps over the array of text `parts`, rendering each part and inserting a `<br />` element between them, unless it's the last part.
+    return parts.map((part, index) => (<React.Fragment key={index}>
+      {part}
+      {index < parts.length - 1 && <br />}
+    </React.Fragment>));
+};
+// Defines the main `TitleView` functional component, responsible for rendering the title with various styling, highlighting, and animation capabilities based on its `TitleProps`.
+const TitleView = ({ children, highlightText, highlightStyle = 'solid', highlightColor = 'theme-primary', highlightSecondaryColor, size = 'lg', views, highlightAnimate, animate, animationLoop = 1, highlightAnimationLoop = 1, highlightTypewriter: propHighlightTypewriter = false, highlightTypewriterDuration = 3000, highlightSlide: propHighlightSlide = false, highlightSlideDuration = 500, highlightSlideStagger = 50, highlightSlideSequential = true, themeMode: _elementMode, responsive: _responsive, alternateHighlightText: _alternateHighlightText, alternateAnimation: _alternateAnimation, alternateDuration: _alternateDuration, _isInView, ...props }) => {
+    // Initializes `useInView` hook to detect whether the `Element` component is currently visible in the viewport, providing a `ref` for observation and an `inView` boolean state.
+    const { ref, inView } = useInView();
+    // Destructures various state variables from the `useTitleState` hook, managing the dynamic text, active highlight targets, and animation flags (typewriter, slide effects) based on props and internal logic.
+    const { finalDisplayedText, activeHighlightTarget, highlightTypewriter, highlightSlide, highlightSlideDuration: stateHighlightSlideDuration, highlightSlideStagger: stateHighlightSlideStagger, highlightSlideSequential: stateHighlightSlideSequential, } = useTitleState({
+        children,
+        highlightText,
+        _isInView: inView,
+        highlightTypewriter: propHighlightTypewriter,
+        highlightTypewriterDuration,
+        highlightSlide: propHighlightSlide,
+        highlightSlideDuration,
+        highlightSlideStagger,
+        highlightSlideSequential,
+        alternateHighlightText: _alternateHighlightText,
+        alternateAnimation: _alternateAnimation,
+        alternateDuration: _alternateDuration,
+        ...props,
+    });
+    // Determines the appropriate font size for the title by mapping the `size` prop (e.g., 'lg', 'xl') to predefined values from `TitleSizes`.
+    const fontSize = TitleSizes[size];
+    // Defines a constant object `baseTextStyles` containing foundational CSS properties like `fontFamily`, `fontWeight`, and `letterSpacing` to be applied to the title text.
+    const baseTextStyles = {
+        fontFamily: 'Mulish, Inter, Geist, system-ui, sans-serif',
+        fontWeight: size === 'xl' ? 700 : 600,
+        letterSpacing: size === 'xl' ? '-1.5px' : '-0.01em',
+    };
+    // Generates dynamic styling properties for highlighted text by invoking a function from `HighlightStyles` based on the specified `highlightStyle`, `highlightColor`, and `highlightSecondaryColor`.
+    const highlightProps = HighlightStyles[highlightStyle](highlightColor, highlightSecondaryColor);
+    // A helper function designed to modify animation properties by setting the `iterationCount` based on a provided loop control value ('infinite' or a number).
+    const applyAnimationLoop = (animation, loopControl) => {
+        if (!animation)
+            return animation;
+        if (Array.isArray(animation)) {
+            return animation.map((anim) => ({
+                ...anim,
+                iterationCount: loopControl.toString(),
+            }));
+        }
+        // Returns a new animation object with the `iterationCount` property set to the `loopControl` value, converting it to a string as required.
+        return { ...animation, iterationCount: loopControl.toString() };
+    };
+    // Applies the `animationLoop` value to the main `animate` prop using `applyAnimationLoop` to control how many times the primary text animation repeats.
+    const controlledAnimate = applyAnimationLoop(animate, animationLoop);
+    // Applies the `highlightAnimationLoop` value to the `highlightAnimate` prop using `applyAnimationLoop`, controlling the repetition count for highlight-specific animations.
+    const controlledHighlightAnimate = applyAnimationLoop(highlightAnimate, highlightAnimationLoop);
+    // Determines the final `text` string to be displayed, prioritizing `finalDisplayedText` from state, then the `children` prop, defaulting to an empty string if neither is available.
+    const text = typeof finalDisplayedText === 'string'
+        ? finalDisplayedText
+        : typeof children === 'string'
+            ? children
+            : '';
+    // Aggregates all properties for the main container `Element`, including the `ref` for `useInView`, animation controls, semantic HTML tag (`as`), font sizing, responsive typography, and base text styles.
+    const containerProps = {
+        ref,
+        animate: inView ? controlledAnimate : undefined,
+        as: 'h1',
+        fontSize,
+        ...(_responsive ? ResponsiveTypography[size] : {}),
+        ...baseTextStyles,
+    };
+    // A function that conditionally renders the content with a specific highlight effect (Typewriter or Slide) if active, or falls back to regular rendering with line breaks.
+    const renderHighlightedContent = (content) => {
+        // If the component is not in view and either typewriter or slide animation is enabled for highlight, it renders the content with zero opacity to prevent premature animation visibility.
+        if (!inView && (highlightTypewriter || highlightSlide)) {
+            return <span style={{ opacity: 0 }}>{content}</span>;
+        }
+        // Renders the content using the `TypewriterEffect` component, passing the text, calculated typing speed, cursor color, and highlight-specific props.
+        if (highlightTypewriter) {
+            return (<TypewriterEffect text={content} typingSpeed={Math.max(30, highlightTypewriterDuration / (content.length * 10))} cursorColor="currentColor" {...highlightProps}/>);
+        }
+        // Renders the content using the `SlideEffect` component, configured with text, duration, stagger, sequential behavior, animation direction, font size, and highlight-specific word properties.
+        if (highlightSlide) {
+            return (<SlideEffect text={content} duration={stateHighlightSlideDuration} stagger={stateHighlightSlideStagger} sequential={stateHighlightSlideSequential} direction="up" wordProps={highlightProps}/>);
+        }
+        // If no specific highlight animation (typewriter or slide) is active, it renders the content using the `renderWithLineBreaks` utility.
+        return renderWithLineBreaks(content);
+    };
+    // This block handles the rendering logic when a specific `activeHighlightTarget` is present, splitting the main text to highlight only the matching portions.
+    if (typeof text === 'string' && activeHighlightTarget) {
+        // Constructs a regular expression `pattern` to find the `activeHighlightTarget` within the text, safely escaping special characters and handling both single and array-based targets.
+        const pattern = Array.isArray(activeHighlightTarget)
+            ? new RegExp(`(${activeHighlightTarget
+                .map((t) => escapeRegExp(String(t)))
+                .join('|')})`, 'gi')
+            : new RegExp(`(${escapeRegExp(String(activeHighlightTarget))})`, 'gi');
+        // Initializes an array `parts` that will store segmented portions of the text, some marked for highlighting and others as plain text.
+        const parts = [];
+        // Keeps track of the index in the original text where the last processed segment ended, ensuring correct text partitioning.
+        let lastIndex = 0;
+        // Declares a variable `match` to store the result of each regular expression execution, which will be `null` if no match is found.
+        let match;
+        // Iterates through the `text` using the defined `pattern` to find all occurrences of the `activeHighlightTarget`.
+        while ((match = pattern.exec(text))) {
+            // If there's unhighlighted text between the `lastIndex` and the current match's starting `index`, that segment is added to the `parts` array.
+            if (match.index > lastIndex)
+                parts.push(text.substring(lastIndex, match.index));
+            // Adds the currently matched text (the highlight target) to the `parts` array, explicitly marking it for highlighting.
+            parts.push({ highlight: true, text: match[0] });
+            // Updates `lastIndex` to the end of the current match, preparing for the next iteration of text parsing.
+            lastIndex = match.index + match[0].length;
+        }
+        // After the loop, if any text remains after the last match, it is added as a final plain text segment to the `parts` array.
+        if (lastIndex < text.length)
+            parts.push(text.substring(lastIndex));
+        return (<Element {...containerProps} {...views?.container} {...props}>
+        {parts.map((part, idx) => typeof part === 'string' ? (<DefaultText key={`text-${idx}`} as="span" display="inline" {...views?.text}>
+              {renderWithLineBreaks(part)}
+            </DefaultText>) : (<DefaultText key={`highlight-${idx}`} as="span" display="inline" animate={inView ? controlledHighlightAnimate : undefined} {...(!highlightSlide ? highlightProps : {})} {...views?.highlight}>
+              {renderHighlightedContent(part.text)}
+            </DefaultText>))}
+      </Element>);
+    }
+    if (highlightStyle && !activeHighlightTarget) {
+        return (<Element {...containerProps} {...props} {...views?.container}>
+        <DefaultText as="span" display="inline" animate={inView ? controlledHighlightAnimate : undefined} {...(!highlightSlide ? highlightProps : {})} {...views?.highlight}>
+          {renderHighlightedContent(text)}
+        </DefaultText>
+      </Element>);
+    }
+    return (<DefaultText {...containerProps} {...props} {...views?.container} {...views?.text}>
+      {renderWithLineBreaks(text)}
+    </DefaultText>);
+};
+export default TitleView;
+//# sourceMappingURL=Title.view.js.map

package/dist/native/components/Title/Title/Title.view.js.map

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

package/dist/native/components/Title/Title/Title.view.native.d.ts

@@ -0,0 +1,18 @@
+/**
+ * TitleView (React Native) — full parity port of the web TitleView.
+ *
+ *   - Restored: highlightText regex split into segments, animate /
+ *     highlightAnimate pass-through (now actually animated by Reanimated),
+ *     TypewriterEffect and SlideEffect (their .native.tsx siblings render the
+ *     RN-friendly versions), useTitleState (shared, already portable),
+ *     useInView (stub returns inView:true, so animations fire on mount).
+ *
+ *   - Adapted for native: `<br/>` → `\n` (RN Text honours newlines); `as=…`
+ *     is stripped; CSS letter-spacing strings are dropped; HighlightStyles
+ *     web-only entries (e.g. text-decoration shorthands) are filtered by
+ *     app-studio's splitNativeProps.
+ */
+import React from 'react';
+import { TitleProps } from './Title.props';
+declare const TitleView: React.FC<TitleProps>;
+export default TitleView;

package/dist/native/components/Title/Title/Title.view.native.js

@@ -0,0 +1,129 @@
+/**
+ * TitleView (React Native) — full parity port of the web TitleView.
+ *
+ *   - Restored: highlightText regex split into segments, animate /
+ *     highlightAnimate pass-through (now actually animated by Reanimated),
+ *     TypewriterEffect and SlideEffect (their .native.tsx siblings render the
+ *     RN-friendly versions), useTitleState (shared, already portable),
+ *     useInView (stub returns inView:true, so animations fire on mount).
+ *
+ *   - Adapted for native: `<br/>` → `\n` (RN Text honours newlines); `as=…`
+ *     is stripped; CSS letter-spacing strings are dropped; HighlightStyles
+ *     web-only entries (e.g. text-decoration shorthands) are filtered by
+ *     app-studio's splitNativeProps.
+ */
+import React from 'react';
+import { Element, useInView, Text as DefaultText, } from 'app-studio';
+import { useTitleState } from './Title.state';
+import { HighlightStyles, ResponsiveTypography, TitleSizes, } from './Title.style';
+import TypewriterEffect from './TypewriterEffect';
+import SlideEffect from './SlideEffect';
+function escapeRegExp(string) {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+// On RN we map the `|` line-break marker to `\n` so RN's Text renders it.
+const renderWithLineBreaks = (text) => {
+    if (!text || typeof text !== 'string')
+        return text;
+    return text.replace(/\|/g, '\n');
+};
+const TitleView = ({ children, highlightText, highlightStyle = 'solid', highlightColor = 'theme-primary', highlightSecondaryColor, size = 'lg', views, highlightAnimate, animate, animationLoop = 1, highlightAnimationLoop = 1, highlightTypewriter: propHighlightTypewriter = false, highlightTypewriterDuration = 3000, highlightSlide: propHighlightSlide = false, highlightSlideDuration = 500, highlightSlideStagger = 50, highlightSlideSequential = true, themeMode: _elementMode, responsive: _responsive, alternateHighlightText: _alternateHighlightText, alternateAnimation: _alternateAnimation, alternateDuration: _alternateDuration, _isInView, ...props }) => {
+    const { ref, inView } = useInView();
+    const { finalDisplayedText, activeHighlightTarget, highlightTypewriter, highlightSlide, highlightSlideDuration: stateHighlightSlideDuration, highlightSlideStagger: stateHighlightSlideStagger, highlightSlideSequential: stateHighlightSlideSequential, } = useTitleState({
+        children,
+        highlightText,
+        _isInView: inView,
+        highlightTypewriter: propHighlightTypewriter,
+        highlightTypewriterDuration,
+        highlightSlide: propHighlightSlide,
+        highlightSlideDuration,
+        highlightSlideStagger,
+        highlightSlideSequential,
+        alternateHighlightText: _alternateHighlightText,
+        alternateAnimation: _alternateAnimation,
+        alternateDuration: _alternateDuration,
+        ...props,
+    });
+    const fontSize = TitleSizes[size];
+    const baseTextStyles = {
+        fontWeight: (size === 'xl' ? 700 : 600),
+    };
+    const highlightProps = HighlightStyles[highlightStyle](highlightColor, highlightSecondaryColor);
+    const applyAnimationLoop = (animation, loopControl) => {
+        if (!animation)
+            return animation;
+        if (Array.isArray(animation)) {
+            return animation.map((anim) => ({
+                ...anim,
+                iterationCount: loopControl.toString(),
+            }));
+        }
+        return { ...animation, iterationCount: loopControl.toString() };
+    };
+    const controlledAnimate = applyAnimationLoop(animate, animationLoop);
+    const controlledHighlightAnimate = applyAnimationLoop(highlightAnimate, highlightAnimationLoop);
+    const text = typeof finalDisplayedText === 'string'
+        ? finalDisplayedText
+        : typeof children === 'string'
+            ? children
+            : '';
+    const containerProps = {
+        ref,
+        animate: inView ? controlledAnimate : undefined,
+        fontSize,
+        ...(_responsive ? ResponsiveTypography[size] : {}),
+        ...baseTextStyles,
+    };
+    const renderHighlightedContent = (content) => {
+        if (!inView && (highlightTypewriter || highlightSlide)) {
+            return <DefaultText opacity={0}>{content}</DefaultText>;
+        }
+        if (highlightTypewriter) {
+            return (<TypewriterEffect text={content} typingSpeed={Math.max(30, highlightTypewriterDuration / (content.length * 10))} cursorColor="currentColor" {...highlightProps}/>);
+        }
+        if (highlightSlide) {
+            return (<SlideEffect text={content} duration={stateHighlightSlideDuration} stagger={stateHighlightSlideStagger} sequential={stateHighlightSlideSequential} direction="up" wordProps={highlightProps}/>);
+        }
+        return renderWithLineBreaks(content);
+    };
+    // --- Branch 1: there's an active highlight target → split the text ---
+    if (typeof text === 'string' && activeHighlightTarget) {
+        const pattern = Array.isArray(activeHighlightTarget)
+            ? new RegExp(`(${activeHighlightTarget
+                .map((t) => escapeRegExp(String(t)))
+                .join('|')})`, 'gi')
+            : new RegExp(`(${escapeRegExp(String(activeHighlightTarget))})`, 'gi');
+        const parts = [];
+        let lastIndex = 0;
+        let match;
+        while ((match = pattern.exec(text))) {
+            if (match.index > lastIndex)
+                parts.push(text.substring(lastIndex, match.index));
+            parts.push({ highlight: true, text: match[0] });
+            lastIndex = match.index + match[0].length;
+        }
+        if (lastIndex < text.length)
+            parts.push(text.substring(lastIndex));
+        return (<Element flexDirection="row" flexWrap="wrap" alignItems="baseline" {...containerProps} {...views?.container} {...props}>
+        {parts.map((part, idx) => typeof part === 'string' ? (<DefaultText key={`text-${idx}`} fontSize={fontSize} {...baseTextStyles} {...views?.text}>
+              {renderWithLineBreaks(part)}
+            </DefaultText>) : (<DefaultText key={`highlight-${idx}`} fontSize={fontSize} animate={inView ? controlledHighlightAnimate : undefined} {...baseTextStyles} {...(!highlightSlide ? highlightProps : {})} {...views?.highlight}>
+              {renderHighlightedContent(part.text)}
+            </DefaultText>))}
+      </Element>);
+    }
+    // --- Branch 2: no target but a highlight style → wrap whole text ---
+    if (highlightStyle && !activeHighlightTarget) {
+        return (<Element {...containerProps} {...props} {...views?.container}>
+        <DefaultText fontSize={fontSize} animate={inView ? controlledHighlightAnimate : undefined} {...baseTextStyles} {...(!highlightSlide ? highlightProps : {})} {...views?.highlight}>
+          {renderHighlightedContent(text)}
+        </DefaultText>
+      </Element>);
+    }
+    // --- Branch 3: plain title ---
+    return (<DefaultText {...containerProps} {...props} {...views?.container} {...views?.text}>
+      {renderWithLineBreaks(text)}
+    </DefaultText>);
+};
+export default TitleView;
+//# sourceMappingURL=Title.view.native.js.map

package/dist/native/components/Title/Title/Title.view.native.js.map

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

package/dist/native/components/Title/Title/TypewriterEffect.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface TypewriterEffectProps {
+    text: string | string[];
+    typingSpeed?: number;
+    pauseTime?: number;
+    onComplete?: () => void;
+    showCursor?: boolean;
+    cursorColor?: string;
+    textStyle?: React.CSSProperties;
+    as?: React.ElementType;
+    textComponent?: any;
+    [key: string]: any;
+}
+export declare const TypewriterEffect: React.FC<TypewriterEffectProps>;
+export default TypewriterEffect;

package/dist/native/components/Title/Title/TypewriterEffect.js

@@ -0,0 +1,86 @@
+import React, { useEffect, useState } from 'react';
+import { Text as DefaultText } from 'app-studio';
+// The main TypewriterEffect functional component responsible for animating text with a typing effect.
+export const TypewriterEffect = ({ text, typingSpeed = 50, pauseTime = 500, onComplete, showCursor = true, cursorColor = 'currentColor', textStyle, textComponent, as, ...props }) => {
+    // Determines the component to be used for rendering text, defaulting to 'DefaultText' if a custom 'textComponent' is not provided.
+    const TextComponent = textComponent || DefaultText;
+    // Ensures the 'text' prop is always an array of strings, simplifying iteration and processing.
+    const textArray = Array.isArray(text) ? text : [text];
+    // State variable to store the portion of text currently displayed on the screen during the typing animation.
+    const [displayedText, setDisplayedText] = useState(textArray.map(() => ''));
+    // State variable indicating whether the entire typewriter effect, across all text lines, has completed.
+    const [isComplete, setIsComplete] = useState(false);
+    // State variable tracking the index of the current line of text being typed from the 'textArray'.
+    const [currentTextIndex, setCurrentTextIndex] = useState(0);
+    // State variable tracking the index of the character currently being typed within the 'currentTextIndex' line.
+    const [charIndex, setCharIndex] = useState(0);
+    // Resets all animation-related state variables when the 'text' prop changes, effectively restarting the typewriter effect.
+    useEffect(() => {
+        setDisplayedText(textArray.map(() => ''));
+        setIsComplete(false);
+        setCurrentTextIndex(0);
+        setCharIndex(0);
+    }, [text]);
+    // Manages the core typing animation logic, including character progression, transitioning between lines, and signaling completion.
+    useEffect(() => {
+        if (isComplete) {
+            if (onComplete)
+                onComplete();
+            return;
+        }
+        const currentText = textArray[currentTextIndex];
+        if (charIndex >= currentText.length) {
+            if (currentTextIndex >= textArray.length - 1) {
+                setIsComplete(true);
+                return;
+            }
+            const timeout = setTimeout(() => {
+                setCurrentTextIndex((prev) => prev + 1);
+                setCharIndex(0);
+            }, pauseTime);
+            return () => clearTimeout(timeout);
+        }
+        const timeout = setTimeout(() => {
+            setDisplayedText((prev) => {
+                const newText = [...prev];
+                newText[currentTextIndex] = currentText.substring(0, charIndex + 1);
+                return newText;
+            });
+            setCharIndex((prev) => prev + 1);
+        }, typingSpeed);
+        return () => clearTimeout(timeout);
+    }, [
+        textArray,
+        currentTextIndex,
+        charIndex,
+        isComplete,
+        onComplete,
+        pauseTime,
+        typingSpeed,
+    ]);
+    // A helper function that processes a string to replace '|' characters with HTML line breaks (<br/>) for multi-line display.
+    const renderWithLineBreaks = (text) => {
+        if (!text || typeof text !== 'string')
+            return text;
+        const parts = text.split('|');
+        if (parts.length === 1)
+            return text;
+        return parts.map((part, index) => (<React.Fragment key={index}>
+        {part}
+        {index < parts.length - 1 && <br />}
+      </React.Fragment>));
+    };
+    return (<>
+      {displayedText.map((text, index) => (<React.Fragment key={index}>
+          {renderWithLineBreaks(text)}
+          {showCursor && index === currentTextIndex && !isComplete && (<TextComponent as="span" display="inline-block" width="0.1em" height="1em" backgroundColor={cursorColor} {...{
+                animation: 'blink 1s step-end infinite',
+                verticalAlign: 'text-bottom',
+                marginLeft: '1px',
+                ...textStyle,
+            }}/>)}
+        </React.Fragment>))}
+    </>);
+};
+export default TypewriterEffect;
+//# sourceMappingURL=TypewriterEffect.js.map

package/dist/native/components/Title/Title/TypewriterEffect.js.map

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

package/dist/native/components/Title/Title/TypewriterEffect.native.d.ts

@@ -0,0 +1,22 @@
+/**
+ * TypewriterEffect (React Native) — port of the web TypewriterEffect.
+ *   - Same state machine (line / charIndex stepping).
+ *   - `<br/>` replaced by `\n` so RN's <Text/> wraps lines.
+ *   - Cursor blink uses `Animation.flash()` via the `animate` prop, which is
+ *     now interpreted by Reanimated on native.
+ */
+import React from 'react';
+interface TypewriterEffectProps {
+    text: string | string[];
+    typingSpeed?: number;
+    pauseTime?: number;
+    onComplete?: () => void;
+    showCursor?: boolean;
+    cursorColor?: string;
+    textStyle?: any;
+    as?: any;
+    textComponent?: any;
+    [key: string]: any;
+}
+export declare const TypewriterEffect: React.FC<TypewriterEffectProps>;
+export default TypewriterEffect;

package/dist/native/components/Title/Title/TypewriterEffect.native.js

@@ -0,0 +1,80 @@
+/**
+ * TypewriterEffect (React Native) — port of the web TypewriterEffect.
+ *   - Same state machine (line / charIndex stepping).
+ *   - `<br/>` replaced by `\n` so RN's <Text/> wraps lines.
+ *   - Cursor blink uses `Animation.flash()` via the `animate` prop, which is
+ *     now interpreted by Reanimated on native.
+ */
+import React, { useEffect, useState } from 'react';
+import { Text as DefaultText, Animation } from 'app-studio';
+const renderWithLineBreaks = (text) => {
+    if (!text || typeof text !== 'string')
+        return text;
+    return text.replace(/\|/g, '\n');
+};
+export const TypewriterEffect = ({ text, typingSpeed = 50, pauseTime = 500, onComplete, showCursor = true, cursorColor = 'currentColor', textStyle, textComponent, as: _as, ...props }) => {
+    const TextComponent = textComponent || DefaultText;
+    const textArray = Array.isArray(text) ? text : [text];
+    const [displayedText, setDisplayedText] = useState(textArray.map(() => ''));
+    const [isComplete, setIsComplete] = useState(false);
+    const [currentTextIndex, setCurrentTextIndex] = useState(0);
+    const [charIndex, setCharIndex] = useState(0);
+    useEffect(() => {
+        setDisplayedText(textArray.map(() => ''));
+        setIsComplete(false);
+        setCurrentTextIndex(0);
+        setCharIndex(0);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [text]);
+    useEffect(() => {
+        if (isComplete) {
+            if (onComplete)
+                onComplete();
+            return;
+        }
+        const currentText = textArray[currentTextIndex];
+        if (charIndex >= currentText.length) {
+            if (currentTextIndex >= textArray.length - 1) {
+                setIsComplete(true);
+                return;
+            }
+            const timeout = setTimeout(() => {
+                setCurrentTextIndex((prev) => prev + 1);
+                setCharIndex(0);
+            }, pauseTime);
+            return () => clearTimeout(timeout);
+        }
+        const timeout = setTimeout(() => {
+            setDisplayedText((prev) => {
+                const newText = [...prev];
+                newText[currentTextIndex] = currentText.substring(0, charIndex + 1);
+                return newText;
+            });
+            setCharIndex((prev) => prev + 1);
+        }, typingSpeed);
+        return () => clearTimeout(timeout);
+    }, [
+        textArray,
+        currentTextIndex,
+        charIndex,
+        isComplete,
+        onComplete,
+        pauseTime,
+        typingSpeed,
+    ]);
+    return (<>
+      {displayedText.map((str, index) => (<React.Fragment key={index}>
+          <TextComponent {...props}>
+            {renderWithLineBreaks(str)}
+          </TextComponent>
+          {showCursor && index === currentTextIndex && !isComplete && (<TextComponent width={2} height="1em" marginLeft={1} backgroundColor={cursorColor} animate={Animation.flash({
+                    duration: '1s',
+                    iterationCount: 'infinite',
+                })} {...textStyle}>
+              {' '}
+            </TextComponent>)}
+        </React.Fragment>))}
+    </>);
+};
+export default TypewriterEffect;
+//# sourceMappingURL=TypewriterEffect.native.js.map

package/dist/native/components/Title/Title/TypewriterEffect.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypewriterEffect.native.js","sourceRoot":"","sources":["../../../../../src/components/Title/Title/TypewriterEffect.native.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAe5D,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAU,EAAE;IACpD,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IACnD,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,IAAI,EACJ,WAAW,GAAG,EAAE,EAChB,SAAS,GAAG,GAAG,EACf,UAAU,EACV,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,cAAc,EAC5B,SAAS,EACT,aAAa,EACb,EAAE,EAAE,GAAG,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,aAAa,IAAI,WAAW,CAAC;IACnD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CACxB,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1C,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,mBAAmB,CAAC,CAAC,CAAC,CAAC;QACvB,YAAY,CAAC,CAAC,CAAC,CAAC;QAChB,uDAAuD;IACzD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,UAAU;gBAAE,UAAU,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,MAAM,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC;QAChD,IAAI,SAAS,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;YACpC,IAAI,gBAAgB,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC7C,aAAa,CAAC,IAAI,CAAC,CAAC;gBACpB,OAAO;YACT,CAAC;YACD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;gBACxC,YAAY,CAAC,CAAC,CAAC,CAAC;YAClB,CAAC,EAAE,SAAS,CAAC,CAAC;YACd,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QACD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE;gBACxB,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;gBAC1B,OAAO,CAAC,gBAAgB,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;gBACpE,OAAO,OAAO,CAAC;YACjB,CAAC,CAAC,CAAC;YACH,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QACnC,CAAC,EAAE,WAAW,CAAC,CAAC;QAChB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE;QACD,SAAS;QACT,gBAAgB;QAChB,SAAS;QACT,UAAU;QACV,UAAU;QACV,SAAS;QACT,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,EACE;MAAA,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CACzB;UAAA,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,CACvB;YAAA,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAC5B;UAAA,EAAE,aAAa,CACf;UAAA,CAAC,UAAU,IAAI,KAAK,KAAK,gBAAgB,IAAI,CAAC,UAAU,IAAI,CAC1D,CAAC,aAAa,CACZ,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,MAAM,CAAC,KAAK,CACZ,UAAU,CAAC,CAAC,CAAC,CAAC,CACd,eAAe,CAAC,CAAC,WAAW,CAAC,CAC7B,OAAO,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;oBACvB,QAAQ,EAAE,IAAI;oBACd,cAAc,EAAE,UAAU;iBAC3B,CAAC,CAAC,CACH,IAAI,SAAS,CAAC,CAEd;cAAA,CAAC,GAAG,CACN;YAAA,EAAE,aAAa,CAAC,CACjB,CACH;QAAA,EAAE,KAAK,CAAC,QAAQ,CAAC,CAClB,CAAC,CACJ;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/native/components/Title/Title.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TitleProps } from './Title/Title.props';
+export declare const Title: React.FC<TitleProps>;

package/dist/native/components/Title/Title.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import TitleView from './Title/Title.view';
+// Defines the main `Title` functional component, acting as a public interface that renders the `TitleView` component and passes all incoming properties to it.
+const TitleComponent = (props) => {
+    return <TitleView {...props}/>;
+};
+export const Title = TitleComponent;
+//# sourceMappingURL=Title.js.map

package/dist/native/components/Title/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,+JAA+J;AAC/J,MAAM,cAAc,GAAyB,CAAC,KAAK,EAAE,EAAE;IACrD,OAAO,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClC,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,cAAc,CAAC"}

package/dist/native/components/Title/index.d.ts

@@ -0,0 +1 @@
+export * from './Title';

package/dist/native/components/Title/index.js

@@ -0,0 +1,3 @@
+// This file serves as the main entry point for the Title component, re-exporting all its public members.
+export * from './Title';
+//# sourceMappingURL=index.js.map

package/dist/native/components/Title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Title/index.ts"],"names":[],"mappings":"AAAA,yGAAyG;AACzG,cAAc,SAAS,CAAC"}

package/dist/native/components/Toast/Toast/Toast.hook.d.ts

@@ -0,0 +1,10 @@
+import { ToastOptions, ToastVariant } from './Toast.type';
+export declare const useToast: () => {
+    toast: (variant: ToastVariant, title: string, description?: string, options?: ToastOptions) => string;
+    info: (title: string, description?: string, options?: ToastOptions) => string;
+    success: (title: string, description?: string, options?: ToastOptions) => string;
+    warning: (title: string, description?: string, options?: ToastOptions) => string;
+    error: (title: string, description?: string, options?: ToastOptions) => string;
+    remove: (id: string) => void;
+    removeAll: () => void;
+};

package/dist/native/components/Toast/Toast/Toast.hook.js

@@ -0,0 +1,21 @@
+import { showToast, showInfoToast, showSuccessToast, showWarningToast, showErrorToast, removeToast, removeAllToasts, } from './Toast.store';
+// Defines and exports the `useToast` custom React hook, providing an interface to interact with the Toast notification system.
+export const useToast = () => {
+    return {
+        // A generic method to display a toast notification with specified `variant`, `title`, optional `description`, and `options`.
+        toast: (variant, title, description, options) => showToast(variant, title, description, options),
+        // Displays an information toast notification with a `title`, optional `description`, and `options`.
+        info: (title, description, options) => showInfoToast(title, description, options),
+        // Displays a success toast notification with a `title`, optional `description`, and `options`.
+        success: (title, description, options) => showSuccessToast(title, description, options),
+        // Displays a warning toast notification with a `title`, optional `description`, and `options`.
+        warning: (title, description, options) => showWarningToast(title, description, options),
+        // Displays an error toast notification with a `title`, optional `description`, and `options`.
+        error: (title, description, options) => showErrorToast(title, description, options),
+        // Removes a specific toast notification from display using its unique `id`.
+        remove: (id) => removeToast(id),
+        // Clears all currently displayed toast notifications.
+        removeAll: () => removeAllToasts(),
+    };
+};
+//# sourceMappingURL=Toast.hook.js.map

package/dist/native/components/Toast/Toast/Toast.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.hook.js","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast/Toast.hook.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,+HAA+H;AAC/H,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO;QACL,6HAA6H;QAC7H,KAAK,EAAE,CACL,OAAqB,EACrB,KAAa,EACb,WAAoB,EACpB,OAAsB,EACtB,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC;QACpD,oGAAoG;QACpG,IAAI,EAAE,CAAC,KAAa,EAAE,WAAoB,EAAE,OAAsB,EAAE,EAAE,CACpE,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC;QAC5C,+FAA+F;QAC/F,OAAO,EAAE,CAAC,KAAa,EAAE,WAAoB,EAAE,OAAsB,EAAE,EAAE,CACvE,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC;QAC/C,+FAA+F;QAC/F,OAAO,EAAE,CAAC,KAAa,EAAE,WAAoB,EAAE,OAAsB,EAAE,EAAE,CACvE,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC;QAC/C,8FAA8F;QAC9F,KAAK,EAAE,CAAC,KAAa,EAAE,WAAoB,EAAE,OAAsB,EAAE,EAAE,CACrE,cAAc,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC;QAC7C,4EAA4E;QAC5E,MAAM,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QACvC,sDAAsD;QACtD,SAAS,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE;KACnC,CAAC;AACJ,CAAC,CAAC"}