@webority-technologies/mobile 0.0.8 → 0.0.10

package/lib/typescript/commonjs/components/Input/Input.d.ts

@@ -3,6 +3,7 @@ import { TextInput } from 'react-native';
 import type { BlurEvent, FocusEvent, StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
 export type InputSize = 'sm' | 'md' | 'lg';
 export type InputVariant = 'outlined' | 'filled';
+export type InputLabelMode = 'float' | 'top';
 export interface InputProps extends Omit<TextInputProps, 'style'> {
     label?: string;
     placeholder?: string;
@@ -18,6 +19,15 @@ export interface InputProps extends Omit<TextInputProps, 'style'> {
     rightIcon?: React.ReactNode;
     size?: InputSize;
     variant?: InputVariant;
+    /**
+     * - `'float'` (default): Material-Design floating label that animates from
+     *   inside the field to the top border on focus / when there's a value.
+     * - `'top'`: classic static label rendered above the field with no animation.
+     *   Use for forms that want the label permanently visible.
+     *
+     * Theme override: `theme.components.input.defaultLabelMode`.
+     */
+    labelMode?: InputLabelMode;
     required?: boolean;
     maxLength?: number;
     /**

package/lib/typescript/commonjs/theme/animatedValue.d.ts

@@ -0,0 +1,21 @@
+import { Animated } from 'react-native';
+/**
+ * Create an `Animated.Value` that survives RN 0.85's dev-mode prop deepFreeze.
+ *
+ * RN's Fabric renderer deep-freezes prop trees on host components. If an
+ * `Animated.Value` is reachable from a `style` prop via interpolation chains
+ * (the `_parent` ref on `AnimatedInterpolation` nodes), the recursive freeze
+ * converts the value's `_animation` slot into a throwing setter — the next
+ * `Animated.timing(v).start()` then crashes with
+ *   "_animation: object that is meant to be immutable".
+ *
+ * Sealing the value at construction makes `Object.isSealed(v) === true`,
+ * which causes `deepFreezeAndThrowOnMutationInDev` to skip-and-return at
+ * its top guard. Existing-property mutation (`_animation`, `_value`,
+ * `_listeners`, `_tracking`) keeps working — seal only blocks adding NEW
+ * properties, and `Animated.Value` doesn't add any post-construction.
+ *
+ * Use everywhere the library would otherwise call `new Animated.Value(...)`.
+ */
+export declare const createAnimatedValue: (initial: number, config?: ConstructorParameters<typeof Animated.Value>[1]) => Animated.Value;
+//# sourceMappingURL=animatedValue.d.ts.map

package/lib/typescript/commonjs/theme/index.d.ts

@@ -11,6 +11,7 @@ export { lightTheme, darkTheme } from './tokens';
 export { mergeTheme } from './merge';
 export { fontFor } from './textStyle';
 export type { FontWeightKey } from './textStyle';
+export { createAnimatedValue } from './animatedValue';
 export { Gradient, isGradientAvailable } from './Gradient';
 export type { GradientProps } from './Gradient';
 export type { ColorMode, ColorPalette, GradientDefinition, GradientScale, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, Theme, ThemeOverrides, TypographyScale, MotionScale, DeepPartial } from './types';

package/lib/typescript/commonjs/theme/types.d.ts

@@ -295,9 +295,15 @@ export interface RadioTokens extends Partial<Record<ComponentSizeKey, RadioSizeT
     borderWidth?: number;
     labelGap?: number;
 }
+export interface InputComponentTokens extends Partial<Record<ComponentSizeKey, InputSizeTokens>> {
+    /** Default `variant` when caller doesn't pass one. Library default: 'outlined'. */
+    defaultVariant?: 'outlined' | 'filled';
+    /** Default `labelMode` when caller doesn't pass one. Library default: 'float'. */
+    defaultLabelMode?: 'float' | 'top';
+}
 export interface ComponentTokens {
     button?: Partial<Record<ComponentSizeKey, ButtonSizeTokens>>;
-    input?: Partial<Record<ComponentSizeKey, InputSizeTokens>>;
+    input?: InputComponentTokens;
     searchBar?: Partial<Record<ComponentSizeKey, SearchBarSizeTokens>> & {
         cancelButtonWidth?: number;
     };

package/lib/typescript/module/components/Input/Input.d.ts

@@ -3,6 +3,7 @@ import { TextInput } from 'react-native';
 import type { BlurEvent, FocusEvent, StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
 export type InputSize = 'sm' | 'md' | 'lg';
 export type InputVariant = 'outlined' | 'filled';
+export type InputLabelMode = 'float' | 'top';
 export interface InputProps extends Omit<TextInputProps, 'style'> {
     label?: string;
     placeholder?: string;
@@ -18,6 +19,15 @@ export interface InputProps extends Omit<TextInputProps, 'style'> {
     rightIcon?: React.ReactNode;
     size?: InputSize;
     variant?: InputVariant;
+    /**
+     * - `'float'` (default): Material-Design floating label that animates from
+     *   inside the field to the top border on focus / when there's a value.
+     * - `'top'`: classic static label rendered above the field with no animation.
+     *   Use for forms that want the label permanently visible.
+     *
+     * Theme override: `theme.components.input.defaultLabelMode`.
+     */
+    labelMode?: InputLabelMode;
     required?: boolean;
     maxLength?: number;
     /**

package/lib/typescript/module/theme/animatedValue.d.ts

@@ -0,0 +1,21 @@
+import { Animated } from 'react-native';
+/**
+ * Create an `Animated.Value` that survives RN 0.85's dev-mode prop deepFreeze.
+ *
+ * RN's Fabric renderer deep-freezes prop trees on host components. If an
+ * `Animated.Value` is reachable from a `style` prop via interpolation chains
+ * (the `_parent` ref on `AnimatedInterpolation` nodes), the recursive freeze
+ * converts the value's `_animation` slot into a throwing setter — the next
+ * `Animated.timing(v).start()` then crashes with
+ *   "_animation: object that is meant to be immutable".
+ *
+ * Sealing the value at construction makes `Object.isSealed(v) === true`,
+ * which causes `deepFreezeAndThrowOnMutationInDev` to skip-and-return at
+ * its top guard. Existing-property mutation (`_animation`, `_value`,
+ * `_listeners`, `_tracking`) keeps working — seal only blocks adding NEW
+ * properties, and `Animated.Value` doesn't add any post-construction.
+ *
+ * Use everywhere the library would otherwise call `new Animated.Value(...)`.
+ */
+export declare const createAnimatedValue: (initial: number, config?: ConstructorParameters<typeof Animated.Value>[1]) => Animated.Value;
+//# sourceMappingURL=animatedValue.d.ts.map

package/lib/typescript/module/theme/index.d.ts

@@ -11,6 +11,7 @@ export { lightTheme, darkTheme } from './tokens';
 export { mergeTheme } from './merge';
 export { fontFor } from './textStyle';
 export type { FontWeightKey } from './textStyle';
+export { createAnimatedValue } from './animatedValue';
 export { Gradient, isGradientAvailable } from './Gradient';
 export type { GradientProps } from './Gradient';
 export type { ColorMode, ColorPalette, GradientDefinition, GradientScale, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, Theme, ThemeOverrides, TypographyScale, MotionScale, DeepPartial } from './types';

package/lib/typescript/module/theme/types.d.ts

@@ -295,9 +295,15 @@ export interface RadioTokens extends Partial<Record<ComponentSizeKey, RadioSizeT
     borderWidth?: number;
     labelGap?: number;
 }
+export interface InputComponentTokens extends Partial<Record<ComponentSizeKey, InputSizeTokens>> {
+    /** Default `variant` when caller doesn't pass one. Library default: 'outlined'. */
+    defaultVariant?: 'outlined' | 'filled';
+    /** Default `labelMode` when caller doesn't pass one. Library default: 'float'. */
+    defaultLabelMode?: 'float' | 'top';
+}
 export interface ComponentTokens {
     button?: Partial<Record<ComponentSizeKey, ButtonSizeTokens>>;
-    input?: Partial<Record<ComponentSizeKey, InputSizeTokens>>;
+    input?: InputComponentTokens;
     searchBar?: Partial<Record<ComponentSizeKey, SearchBarSizeTokens>> & {
         cancelButtonWidth?: number;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority-technologies/mobile",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Beautiful, animated, accessible React Native components plus API/auth/logging/network/storage utilities for Webority projects.",
   "keywords": [
     "react-native",