@app-studio/components 0.10.17

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

@@ -0,0 +1,146 @@
+import React, { createContext, useContext } from 'react';
+import { View, Horizontal, Vertical, Text } from 'app-studio';
+import { NavigationMenuSizes, NavigationMenuVariants, NavigationMenuOrientations, NavigationMenuItemStates, } from './NavigationMenu.style';
+const NavigationMenuContext = createContext({
+    activeItemId: null,
+    setActiveItemId: () => { },
+    expandedItemIds: [],
+    toggleExpandedItem: () => { },
+    isItemExpanded: () => false,
+    orientation: 'vertical',
+    size: 'md',
+    variant: 'default',
+    triggerRefs: { current: {} },
+});
+export const NavigationMenuProvider = ({ children, value }) => {
+    return (<NavigationMenuContext.Provider value={value}>
+      {children}
+    </NavigationMenuContext.Provider>);
+};
+export const useNavigationMenuContext = () => {
+    const context = useContext(NavigationMenuContext);
+    if (!context) {
+        throw new Error('useNavigationMenuContext must be used within a NavigationMenuProvider');
+    }
+    return context;
+};
+export const NavigationMenuList = ({ children, views, }) => {
+    const { orientation } = useNavigationMenuContext();
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    return (<Container width="100%" {...NavigationMenuOrientations[orientation]} borderRadius={8} {...views?.container}>
+      {children}
+    </Container>);
+};
+const NavigationMenuItemContext = createContext({ itemValue: null, isDisabled: false });
+export const useNavigationMenuItemContext = () => {
+    const context = useContext(NavigationMenuItemContext);
+    if (!context) {
+        throw new Error('useNavigationMenuItemContext must be used within a NavigationMenuItem');
+    }
+    return context;
+};
+export const NavigationMenuItem = ({ item, value, isDisabled = false, children, views, }) => {
+    const { activeItemId, setActiveItemId, orientation, size, variant, onItemActivate, } = useNavigationMenuContext();
+    const itemId = item?.id || value;
+    const isActive = activeItemId === itemId;
+    const hasSubItems = item?.items && item.items.length > 0;
+    const disabled = item?.disabled || isDisabled;
+    const handlePress = () => {
+        if (disabled)
+            return;
+        if (itemId) {
+            setActiveItemId(itemId);
+            if (onItemActivate)
+                onItemActivate(itemId);
+        }
+    };
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    if (children) {
+        return (<NavigationMenuItemContext.Provider value={{ itemValue: itemId || null, isDisabled: disabled }}>
+        <View width="100%" opacity={disabled ? 0.6 : 1} borderRadius={8} {...NavigationMenuSizes[size]} {...NavigationMenuVariants[variant]} {...(isActive ? NavigationMenuItemStates.active : {})} {...views?.item}>
+          {children}
+        </View>
+      </NavigationMenuItemContext.Provider>);
+    }
+    if (hasSubItems && item) {
+        return (<Container width="100%" {...views?.item}>
+        <NavigationMenuTrigger itemId={item.id} disabled={item.disabled} views={views}>
+          {item.icon && (<View marginRight={8} {...views?.icon}>
+              {item.icon}
+            </View>)}
+          {typeof item.label === 'string' ? <Text>{item.label}</Text> : item.label}
+        </NavigationMenuTrigger>
+        <NavigationMenuContent itemId={item.id}>
+          <NavigationMenuList>
+            {item.items?.map((subItem) => (<NavigationMenuItem key={subItem.id} item={subItem}/>))}
+          </NavigationMenuList>
+        </NavigationMenuContent>
+      </Container>);
+    }
+    if (item) {
+        return (<View onPress={handlePress} onClick={handlePress} opacity={item.disabled ? 0.6 : 1} width="100%" flexDirection="row" alignItems="center" borderRadius={8} gap={8} {...NavigationMenuSizes[size]} {...NavigationMenuVariants[variant]} {...(isActive ? NavigationMenuItemStates.active : {})} {...views?.item}>
+        {item.icon && (<View marginRight={8} {...views?.icon}>
+            {item.icon}
+          </View>)}
+        {typeof item.label === 'string' ? <Text>{item.label}</Text> : item.label}
+      </View>);
+    }
+    return null;
+};
+export const NavigationMenuTrigger = ({ children, itemId, disabled, views, }) => {
+    const { activeItemId, toggleExpandedItem, isItemExpanded, size, variant } = useNavigationMenuContext();
+    const isActive = activeItemId === itemId;
+    const isExpanded = isItemExpanded(itemId);
+    const handlePress = () => {
+        if (disabled)
+            return;
+        toggleExpandedItem(itemId);
+    };
+    return (<View onPress={handlePress} onClick={handlePress} opacity={disabled ? 0.5 : 1} width="100%" flexDirection="row" alignItems="center" justifyContent="space-between" borderRadius={8} {...NavigationMenuSizes[size]} {...NavigationMenuVariants[variant]} {...(isActive ? NavigationMenuItemStates.active : {})} {...views?.trigger}>
+      <View flexDirection="row" alignItems="center">
+        {children}
+      </View>
+      <View {...views?.indicator}>
+        <Text>{isExpanded ? '▲' : '▼'}</Text>
+      </View>
+    </View>);
+};
+export const NavigationMenuContent = ({ children, itemId, views, }) => {
+    const { isItemExpanded } = useNavigationMenuContext();
+    const isExpanded = isItemExpanded(itemId);
+    if (!isExpanded)
+        return null;
+    return (<View paddingLeft={16} width="100%" backgroundColor="transparent" {...views?.container}>
+      {children}
+    </View>);
+};
+export const NavigationMenuLink = ({ href, children, views, underline, isExternal, iconSize, ...props }) => {
+    const { itemValue, isDisabled } = useNavigationMenuItemContext();
+    const { activeItemId, setActiveItemId, onItemActivate } = useNavigationMenuContext();
+    const isActive = activeItemId === itemValue;
+    const handlePress = (e) => {
+        if (isDisabled)
+            return;
+        if (itemValue) {
+            setActiveItemId(itemValue);
+            if (onItemActivate)
+                onItemActivate(itemValue);
+        }
+        if (props.onClick)
+            props.onClick(e);
+    };
+    return (<View onPress={handlePress} onClick={handlePress} opacity={isDisabled ? 0.5 : 1} width="100%" flexDirection="row" alignItems="center" {...(isActive ? { fontWeight: 'bold' } : {})} {...views?.container} {...props}>
+      {children}
+    </View>);
+};
+export const NavigationMenuView = ({ items, orientation, views, themeMode: elementMode }) => {
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    if (!items || items.length === 0)
+        return null;
+    return (<Container width="100%" {...NavigationMenuOrientations[orientation]} {...views?.container}>
+      <NavigationMenuList views={views}>
+        {items.map((item) => (<NavigationMenuItem key={item.id} item={item} views={views}/>))}
+      </NavigationMenuList>
+    </Container>);
+};
+//# sourceMappingURL=NavigationMenu.view.native.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { NavigationMenuType } from './NavigationMenu/NavigationMenu.props';
+export declare const NavigationMenu: NavigationMenuType;

package/dist/native/components/NavigationMenu/NavigationMenu.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { useNavigationMenuState } from './NavigationMenu/NavigationMenu.state';
+import { NavigationMenuProvider, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuView, NavigationMenuLink, } from './NavigationMenu/NavigationMenu.view';
+import { useMergedDesignSystemComponentProps } from '../../design-system';
+// This file defines the core `NavigationMenu` component, serving as the main entry point for the navigation system. It orchestrates state management using `useNavigationMenuState` to control active and expanded menu items, and provides these states and props via `NavigationMenuProvider`. The component offers flexible rendering, either by processing an `items` array to render a default `NavigationMenuView` or by rendering `children` for custom compositions. It also exposes sub-components like `List`, `Item`, and `Trigger` as static properties, facilitating a compound component pattern.
+const NavigationMenuComponent = (props) => {
+    const mergedProps = useMergedDesignSystemComponentProps('navigation', props);
+    const { items, children, orientation = 'vertical', size = 'md', variant = 'default', defaultActiveItemId = null, defaultExpandedItemIds = [], onItemActivate, views, ...restProps } = mergedProps;
+    const { activeItemId, setActiveItemId, expandedItemIds, toggleExpandedItem, isItemExpanded, triggerRefs, } = useNavigationMenuState(defaultActiveItemId, defaultExpandedItemIds);
+    return (<NavigationMenuProvider value={{
+            activeItemId,
+            setActiveItemId,
+            expandedItemIds,
+            toggleExpandedItem,
+            isItemExpanded,
+            orientation,
+            size,
+            variant,
+            onItemActivate,
+            triggerRefs,
+        }}>
+      {items ? (<NavigationMenuView items={items} orientation={orientation} size={size} variant={variant} views={views} {...restProps}/>) : (children)}
+    </NavigationMenuProvider>);
+};
+export const NavigationMenu = NavigationMenuComponent;
+NavigationMenu.List = NavigationMenuList;
+NavigationMenu.Item = NavigationMenuItem;
+NavigationMenu.Trigger = NavigationMenuTrigger;
+NavigationMenu.Content = NavigationMenuContent;
+NavigationMenu.Link = NavigationMenuLink;
+//# sourceMappingURL=NavigationMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.js","sourceRoot":"","sources":["../../../../src/components/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,mCAAmC,EAAE,MAAM,mBAAmB,CAAC;AACxE,glBAAglB;AAChlB,MAAM,uBAAuB,GAAkC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,WAAW,GAAG,mCAAmC,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7E,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,UAAU,EACxB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,mBAAmB,GAAG,IAAI,EAC1B,sBAAsB,GAAG,EAAE,EAC3B,cAAc,EACd,KAAK,EACL,GAAG,SAAS,EACb,GAAG,WAAW,CAAC;IAChB,MAAM,EACJ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,WAAW,GACZ,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,CAAC;IACxE,OAAO,CACL,CAAC,sBAAsB,CACrB,KAAK,CAAC,CAAC;YACL,YAAY;YACZ,eAAe;YACf,eAAe;YACf,kBAAkB;YAClB,cAAc;YACd,WAAW;YACX,IAAI;YACJ,OAAO;YACP,cAAc;YACd,WAAW;SACZ,CAAC,CAEF;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,kBAAkB,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,SAAS,CAAC,EACd,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACH;IAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,uBAA6C,CAAC;AAC5E,cAAc,CAAC,IAAI,GAAG,kBAAkB,CAAC;AACzC,cAAc,CAAC,IAAI,GAAG,kBAAkB,CAAC;AACzC,cAAc,CAAC,OAAO,GAAG,qBAAqB,CAAC;AAC/C,cAAc,CAAC,OAAO,GAAG,qBAAqB,CAAC;AAC/C,cAAc,CAAC,IAAI,GAAG,kBAAkB,CAAC"}

package/dist/native/components/OTPInput/OTPInput/OTPInput.props.d.ts

@@ -0,0 +1,44 @@
+import { InputProps, Shadow, ViewProps } from 'app-studio';
+import { Elevation } from '../../../utils/elevation';
+import { Shape, Size, Variant } from '../../Input/Input.type';
+import { OTPInputStyles, OTPInputType } from './OTPInput.type';
+export interface OTPInputProps extends Omit<InputProps, 'size' | 'onChange' | 'pattern' | 'shadow'> {
+    id?: string;
+    error?: any;
+    helperText?: string;
+    name?: string;
+    label?: string;
+    length?: number;
+    placeholder?: string;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isAutoFocus?: boolean;
+    type?: OTPInputType;
+    onComplete?: (value: string) => void;
+    onChange?: (value: string) => void;
+    onChangeText?: (value: string) => void;
+    onBlur?: (value: any) => void;
+    onKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onClick?: () => void;
+    onFocus?: () => void;
+    pattern?: RegExp | string;
+    pasteTransformer?: (pasted: string) => string;
+    stepValues?: number[];
+    size?: Size;
+    shadow?: Shadow | Elevation | ViewProps;
+    shape?: Shape;
+    variant?: Variant;
+    gap?: number;
+    views?: OTPInputStyles;
+    secureTextEntry?: boolean;
+}
+export interface OTPInputViewProps extends OTPInputProps {
+    value: string;
+    isFocused: boolean;
+    isHovered: boolean;
+    setValue: (value: string) => void;
+    setIsFocused: (isFocused: boolean) => void;
+    setIsHovered: (isHovered: boolean) => void;
+    isFirstColumn?: boolean;
+}

package/dist/native/components/OTPInput/OTPInput/OTPInput.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=OTPInput.props.js.map

package/dist/native/components/OTPInput/OTPInput/OTPInput.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.props.js","sourceRoot":"","sources":["../../../../../src/components/OTPInput/OTPInput/OTPInput.props.ts"],"names":[],"mappings":""}

package/dist/native/components/OTPInput/OTPInput/OTPInput.state.d.ts

@@ -0,0 +1,23 @@
+import { ClipboardEvent, KeyboardEvent, ChangeEvent } from 'react';
+import { OTPInputProps } from './OTPInput.props';
+export declare const useOTPInputState: ({ value: controlledValue, defaultValue, length, onChange, onChangeText, onComplete, onKeyDown, onKeyPress, onBlur, onFocus, isReadOnly, isDisabled, pattern, stepValues, pasteTransformer, }: OTPInputProps) => {
+    value: string;
+    setValue: (newValue: string) => void;
+    isFocused: boolean;
+    setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isHovered: boolean;
+    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
+    mirrorSelectionStart: number | null;
+    mirrorSelectionEnd: number | null;
+    setMirrorSelectionStart: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    setMirrorSelectionEnd: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    setInputRef: (ref: HTMLInputElement | null) => void;
+    handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleKeyDown: (_: KeyboardEvent<HTMLInputElement>) => void;
+    handleKeyPress: (e: KeyboardEvent<HTMLInputElement>) => void;
+    handlePaste: (e: ClipboardEvent<HTMLInputElement>) => void;
+};

package/dist/native/components/OTPInput/OTPInput/OTPInput.state.js

@@ -0,0 +1,260 @@
+import { useState, useRef, useEffect, useCallback, } from 'react';
+import { syncTimeouts } from './sync-timeouts';
+// This file defines the `useOTPInputState` custom React hook, which centralizes all state management, refs, and event handlers for the OTPInput component. It encompasses logic for controlled/uncontrolled value handling, input focus and blur, selection management, paste operations, and validation.
+export const useOTPInputState = ({ value: controlledValue, defaultValue = '', length = 6, onChange, onChangeText, onComplete, onKeyDown, onKeyPress, onBlur, onFocus, isReadOnly, isDisabled, pattern, stepValues, pasteTransformer, }) => {
+    const isControlled = controlledValue !== undefined;
+    const initialValue = isControlled ? controlledValue : defaultValue;
+    const [value, setInternalValue] = useState(String(initialValue ?? '').slice(0, length) || '');
+    const [isFocused, setIsFocused] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const [mirrorSelectionStart, setMirrorSelectionStart] = useState(null);
+    const [mirrorSelectionEnd, setMirrorSelectionEnd] = useState(null);
+    const inputRef = useRef(null);
+    const containerRef = useRef(null);
+    const initialLoadRef = useRef({
+        value,
+        onChange: onChange || (() => { }),
+        isIOS: typeof window !== 'undefined' &&
+            window?.CSS?.supports?.('-webkit-touch-callout', 'none'),
+    });
+    const inputMetadataRef = useRef({
+        prev: [null, null, 'none'],
+    });
+    const regexp = pattern
+        ? typeof pattern === 'string'
+            ? new RegExp(pattern)
+            : pattern
+        : null;
+    useEffect(() => {
+        if (isControlled && controlledValue !== value) {
+            setInternalValue(String(controlledValue ?? '').slice(0, length) || '');
+        }
+    }, [isControlled, controlledValue, length, value]);
+    const setValue = useCallback((newValue) => {
+        let valueToSet = newValue;
+        if (stepValues && stepValues.length > 0 && newValue) {
+            const numValue = parseInt(newValue, 10);
+            if (!isNaN(numValue)) {
+                let closest = stepValues[0];
+                let minDiff = Math.abs(numValue - closest);
+                for (let i = 1; i < stepValues.length; i++) {
+                    const diff = Math.abs(numValue - stepValues[i]);
+                    if (diff < minDiff) {
+                        minDiff = diff;
+                        closest = stepValues[i];
+                    }
+                }
+                valueToSet = closest.toString();
+            }
+        }
+        setInternalValue(valueToSet);
+        if (onChange) {
+            onChange(valueToSet);
+        }
+        if (onChangeText) {
+            onChangeText(valueToSet);
+        }
+        if (onComplete && valueToSet.length === length) {
+            onComplete(valueToSet);
+        }
+    }, [onChange, onChangeText, onComplete, length, stepValues]);
+    const setInputRef = useCallback((ref) => {
+        if (ref && inputRef.current !== ref) {
+            Object.defineProperty(inputRef, 'current', {
+                value: ref,
+                writable: true,
+            });
+        }
+    }, []);
+    const handleChange = useCallback((e) => {
+        const newValue = e.currentTarget.value.slice(0, length);
+        if (newValue.length > 0 && regexp && !regexp.test(newValue)) {
+            e.preventDefault();
+            return;
+        }
+        setValue(newValue);
+        if (inputRef.current) {
+            inputRef.current.value = newValue;
+        }
+    }, [length, regexp, setValue, inputRef]);
+    const handleFocus = useCallback(() => {
+        if (inputRef.current) {
+            const start = Math.min(inputRef.current.value.length, length - 1);
+            const end = inputRef.current.value.length;
+            inputRef.current?.setSelectionRange(start, end);
+            setMirrorSelectionStart(start);
+            setMirrorSelectionEnd(end);
+        }
+        setIsFocused(true);
+    }, [length]);
+    const handleBlur = useCallback(() => {
+        setIsFocused(false);
+    }, []);
+    const handleKeyDown = useCallback((_) => {
+        if (onKeyDown) {
+            onKeyDown(_);
+        }
+    }, []);
+    const handleKeyPress = useCallback((e) => {
+        if (onKeyPress) {
+            onKeyPress(e);
+        }
+    }, []);
+    const handlePaste = useCallback((e) => {
+        const input = inputRef.current;
+        if (!e.clipboardData || !input) {
+            return;
+        }
+        const _content = e.clipboardData.getData('text/plain');
+        const content = pasteTransformer ? pasteTransformer(_content) : _content;
+        e.preventDefault();
+        const start = input.selectionStart || 0;
+        const end = input.selectionEnd || 0;
+        const isReplacing = start !== end;
+        const newValueUncapped = isReplacing
+            ? value.slice(0, start) + content + value.slice(end)
+            : value.slice(0, start) + content + value.slice(start);
+        const newValue = newValueUncapped.slice(0, length);
+        if (newValue.length > 0 && regexp && !regexp.test(newValue)) {
+            return;
+        }
+        input.value = newValue;
+        setValue(newValue);
+        setInternalValue(newValue);
+        const _start = Math.min(newValue.length, length - 1);
+        const _end = newValue.length;
+        input.setSelectionRange(_start, _end);
+        setMirrorSelectionStart(_start);
+        setMirrorSelectionEnd(_end);
+    }, [length, pasteTransformer, regexp, setValue, value, setInternalValue]);
+    useEffect(() => {
+        const input = inputRef.current;
+        const container = containerRef.current;
+        if (!input || !container) {
+            return;
+        }
+        if (initialLoadRef.current.value !== input.value &&
+            initialLoadRef.current.onChange) {
+            initialLoadRef.current.onChange(input.value);
+        }
+        inputMetadataRef.current.prev = [
+            input.selectionStart,
+            input.selectionEnd,
+            input.selectionDirection,
+        ];
+        function onDocumentSelectionChange() {
+            if (document.activeElement !== input) {
+                setMirrorSelectionStart(null);
+                setMirrorSelectionEnd(null);
+                return;
+            }
+            const _s = input?.selectionStart ?? null;
+            const _e = input?.selectionEnd ?? null;
+            const _dir = input?.selectionDirection ?? null;
+            const _ml = input?.maxLength ?? 0;
+            const _val = input?.value ?? '';
+            const _prev = inputMetadataRef.current.prev;
+            let start = -1;
+            let end = -1;
+            let direction = 'none';
+            if (_val.length !== 0 && _s !== null && _e !== null) {
+                const isSingleCaret = _s === _e;
+                const isInsertMode = _s === _val.length && _val.length < _ml;
+                if (isSingleCaret && !isInsertMode) {
+                    const c = _s;
+                    if (c === 0) {
+                        start = 0;
+                        end = 1;
+                        direction = 'forward';
+                    }
+                    else if (c === _ml) {
+                        start = c - 1;
+                        end = c;
+                        direction = 'backward';
+                    }
+                    else if (_ml > 1 && _val.length > 1) {
+                        let offset = 0;
+                        if (_prev[0] !== null && _prev[1] !== null) {
+                            direction = c < _prev[1] ? 'backward' : 'forward';
+                            const wasPreviouslyInserting = _prev[0] === _prev[1] && _prev[0] < _ml;
+                            if (direction === 'backward' && !wasPreviouslyInserting) {
+                                offset = -1;
+                            }
+                        }
+                        start = offset + c;
+                        end = offset + c + 1;
+                    }
+                }
+                if (start !== -1 && end !== -1 && start !== end && inputRef.current) {
+                    inputRef.current.setSelectionRange(start, end, direction);
+                }
+            }
+            const s = start !== -1 ? start : _s;
+            const e = end !== -1 ? end : _e;
+            const dir = direction !== 'none' ? direction : _dir;
+            setMirrorSelectionStart(s);
+            setMirrorSelectionEnd(e);
+            inputMetadataRef.current.prev = [
+                s,
+                e,
+                dir,
+            ];
+        }
+        document.addEventListener('selectionchange', onDocumentSelectionChange, {
+            capture: true,
+        });
+        onDocumentSelectionChange();
+        document.activeElement === input && setIsFocused(true);
+        const updateRootHeight = () => {
+            if (container) {
+                container.style.setProperty('--root-height', `${input.clientHeight}px`);
+            }
+        };
+        updateRootHeight();
+        const resizeObserver = new window.ResizeObserver(updateRootHeight);
+        resizeObserver.observe(input);
+        return () => {
+            document.removeEventListener('selectionchange', onDocumentSelectionChange, { capture: true });
+            resizeObserver.disconnect();
+        };
+    }, []);
+    useEffect(() => {
+        syncTimeouts(() => {
+            inputRef.current?.dispatchEvent(new Event('input'));
+            const s = inputRef.current?.selectionStart;
+            const e = inputRef.current?.selectionEnd;
+            const dir = inputRef.current?.selectionDirection;
+            if (s !== null && e !== null && s !== undefined && e !== undefined) {
+                setMirrorSelectionStart(s);
+                setMirrorSelectionEnd(e);
+                inputMetadataRef.current.prev = [
+                    s,
+                    e,
+                    dir || 'none',
+                ];
+            }
+        });
+    }, [value, isFocused]);
+    return {
+        value,
+        setValue,
+        isFocused,
+        setIsFocused,
+        isHovered,
+        setIsHovered,
+        inputRef,
+        containerRef,
+        mirrorSelectionStart,
+        mirrorSelectionEnd,
+        setMirrorSelectionStart,
+        setMirrorSelectionEnd,
+        setInputRef,
+        handleChange,
+        handleFocus,
+        handleBlur,
+        handleKeyDown,
+        handleKeyPress,
+        handlePaste,
+    };
+};
+//# sourceMappingURL=OTPInput.state.js.map

package/dist/native/components/OTPInput/OTPInput/OTPInput.state.js.map

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

package/dist/native/components/OTPInput/OTPInput/OTPInput.type.d.ts

@@ -0,0 +1,9 @@
+import { ViewProps } from 'app-studio';
+export type OTPInputType = 'text' | 'password' | 'number';
+export type OTPInputStyles = {
+    input?: ViewProps;
+    container?: ViewProps;
+    text?: ViewProps;
+    label?: ViewProps;
+    helperText?: ViewProps;
+};

package/dist/native/components/OTPInput/OTPInput/OTPInput.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=OTPInput.type.js.map

package/dist/native/components/OTPInput/OTPInput/OTPInput.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.type.js","sourceRoot":"","sources":["../../../../../src/components/OTPInput/OTPInput/OTPInput.type.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { OTPInputViewProps } from './OTPInput.props';
+export declare const OTPInputContext: React.Context<{
+    slots: Array<{
+        char: string | null;
+        placeholderChar: string | null;
+        isActive: boolean;
+        hasFakeCaret: boolean;
+    }>;
+    isFocused: boolean;
+    isHovering: boolean;
+}>;
+declare const OTPInputView: React.FC<OTPInputViewProps & {
+    setInputRef: (ref: HTMLInputElement | null) => void;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    mirrorSelectionStart: number | null;
+    mirrorSelectionEnd: number | null;
+    setMirrorSelectionStart: (value: number | null) => void;
+    setMirrorSelectionEnd: (value: number | null) => void;
+    handlePaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    stepValues?: number[];
+    handleKeyPress: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}>;
+export default OTPInputView;