react-native-tinyui 0.4.0 → 1.0.0

package/lib/typescript/src/SFSymbol/options.d.ts

@@ -0,0 +1,86 @@
+import type { SFSymbolProps } from './types.js';
+export declare function serializeSFSymbol(props: SFSymbolProps, fontScale: number): {
+    configuration: {
+        name: string;
+        source: "system" | "asset";
+        size: number;
+        weight: import("./types.js").SFSymbolWeight;
+        scale: import("./types.js").SFSymbolScale;
+        textStyle: import("./types.js").SFSymbolTextStyle | undefined;
+        fontFamily: string | undefined;
+        fontScale: number;
+        renderingMode: import("./types.js").SFSymbolRenderingMode;
+        color: import("react-native").ProcessedColorValue | null | undefined;
+        paletteColors: (import("react-native").ProcessedColorValue | null | undefined)[] | undefined;
+        variableValue: number | undefined;
+        variableValueMode: "color" | "automatic" | "draw";
+        colorRenderingMode: "flat" | "automatic" | "gradient";
+    };
+    effects: ({
+        active: boolean;
+        animated: boolean;
+        trigger?: string | number;
+        options?: import("./types.js").SFSymbolEffectOptions;
+        type: "pulse";
+        scope?: "byLayer" | "wholeSymbol";
+    } | {
+        active: boolean;
+        animated: boolean;
+        trigger?: string | number;
+        options?: import("./types.js").SFSymbolEffectOptions;
+        type: "bounce" | "scale" | "appear" | "disappear";
+        direction?: "up" | "down";
+        scope?: "byLayer" | "wholeSymbol";
+    } | {
+        active: boolean;
+        animated: boolean;
+        trigger?: string | number;
+        options?: import("./types.js").SFSymbolEffectOptions;
+        type: "variableColor";
+        iteration?: "iterative" | "cumulative";
+        reversing?: boolean;
+        inactiveLayers?: "hide" | "dim";
+    } | {
+        active: boolean;
+        animated: boolean;
+        trigger?: string | number;
+        options?: import("./types.js").SFSymbolEffectOptions;
+        type: "wiggle";
+        direction?: ("up" | "down") | "left" | "right" | "forward" | "backward" | "clockwise" | "counterClockwise";
+        angle?: number;
+        scope?: "byLayer" | "wholeSymbol";
+    } | {
+        active: boolean;
+        animated: boolean;
+        trigger?: string | number;
+        options?: import("./types.js").SFSymbolEffectOptions;
+        type: "rotate";
+        direction?: "clockwise" | "counterClockwise";
+        scope?: "byLayer" | "wholeSymbol";
+    } | {
+        active: boolean;
+        animated: boolean;
+        trigger?: string | number;
+        options?: import("./types.js").SFSymbolEffectOptions;
+        type: "breathe";
+        style?: "plain" | "pulse";
+        scope?: "byLayer" | "wholeSymbol";
+    } | {
+        active: boolean;
+        animated: boolean;
+        trigger?: string | number;
+        options?: import("./types.js").SFSymbolEffectOptions;
+        type: "drawOn";
+        scope?: ("byLayer" | "wholeSymbol") | "individually";
+    } | {
+        active: boolean;
+        animated: boolean;
+        trigger?: string | number;
+        options?: import("./types.js").SFSymbolEffectOptions;
+        type: "drawOff";
+        scope?: ("byLayer" | "wholeSymbol") | "individually";
+        reversed?: boolean;
+    })[];
+    contentTransition: {};
+};
+//# sourceMappingURL=options.d.ts.map

package/lib/typescript/src/SFSymbol/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../src/SFSymbol/options.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,YAAS,CAAC;AAiB7D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGxE"}

package/lib/typescript/src/SFSymbol/types.d.ts

@@ -0,0 +1,113 @@
+import type { ColorValue, ViewProps } from 'react-native';
+export type SFSymbolWeight = 'unspecified' | 'ultraLight' | 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'heavy' | 'black';
+export type SFSymbolScale = 'default' | 'unspecified' | 'small' | 'medium' | 'large';
+export type SFSymbolRenderingMode = 'automatic' | 'monochrome' | 'hierarchical' | 'palette' | 'multicolor';
+export type SFSymbolTextStyle = 'extraLargeTitle' | 'extraLargeTitle2' | 'largeTitle' | 'title1' | 'title2' | 'title3' | 'headline' | 'subheadline' | 'body' | 'callout' | 'footnote' | 'caption1' | 'caption2';
+export interface SFSymbolEffectOptions {
+    /** Positive speed multiplier. Defaults to the system speed (1). */
+    speed?: number;
+    /** Play count, forever, or false for one play. Omit for the system default. */
+    repeat?: number | 'forever' | false;
+    /** iOS 18+. Continuous repeats forever; periodic supports count and delay. */
+    repeatBehavior?: 'periodic' | 'continuous';
+    /** Seconds between periodic repetitions (iOS 18+). */
+    repeatDelay?: number;
+}
+interface EffectPlayback {
+    /** Whether this effect is applied. Defaults to true. */
+    active?: boolean;
+    /** Change this value to replay the same effect. Stable values do not replay. */
+    trigger?: string | number;
+    /** Animate applying/removing the effect. Defaults to true. */
+    animated?: boolean;
+    options?: SFSymbolEffectOptions;
+}
+type LayerBehavior = 'byLayer' | 'wholeSymbol';
+type VerticalDirection = 'up' | 'down';
+/** Only modifiers supported by each Apple preset are accepted. */
+export type SFSymbolEffect = EffectPlayback & ({
+    type: 'pulse';
+    scope?: LayerBehavior;
+} | {
+    type: 'bounce' | 'scale' | 'appear' | 'disappear';
+    direction?: VerticalDirection;
+    scope?: LayerBehavior;
+} | {
+    type: 'variableColor';
+    iteration?: 'iterative' | 'cumulative';
+    reversing?: boolean;
+    inactiveLayers?: 'hide' | 'dim';
+} | {
+    /** iOS 18+. */
+    type: 'wiggle';
+    direction?: VerticalDirection | 'left' | 'right' | 'forward' | 'backward' | 'clockwise' | 'counterClockwise';
+    /** Custom angle in degrees, clockwise from +x; overrides direction. */
+    angle?: number;
+    scope?: LayerBehavior;
+} | {
+    /** iOS 18+. */
+    type: 'rotate';
+    direction?: 'clockwise' | 'counterClockwise';
+    scope?: LayerBehavior;
+} | {
+    /** iOS 18+. */
+    type: 'breathe';
+    style?: 'plain' | 'pulse';
+    scope?: LayerBehavior;
+} | {
+    /** iOS 26+. */
+    type: 'drawOn';
+    scope?: LayerBehavior | 'individually';
+} | {
+    /** iOS 26+. */
+    type: 'drawOff';
+    scope?: LayerBehavior | 'individually';
+    reversed?: boolean;
+});
+export interface SFSymbolContentTransition {
+    /** Magic Replace requires iOS 18; earlier versions use the configured replace. */
+    type: 'automatic' | 'replace' | 'magicReplace';
+    /** Replace style, also used as the Magic Replace fallback. */
+    direction?: 'downUp' | 'upUp' | 'offUp';
+    scope?: LayerBehavior;
+    /** Positive transition speed multiplier. Defaults to 1. */
+    speed?: number;
+}
+export interface SFSymbolProps extends Omit<ViewProps, 'children'> {
+    /** Full SF Symbol name, including variants such as .circle.fill. */
+    name: string;
+    /** Load a system symbol (default) or a custom symbol in the app asset catalog. */
+    source?: 'system' | 'asset';
+    /** Point size before font scaling. Defaults to 17. textStyle takes precedence. */
+    size?: number;
+    weight?: SFSymbolWeight;
+    scale?: SFSymbolScale;
+    textStyle?: SFSymbolTextStyle;
+    /** Font/PostScript name used to derive the symbol's font metrics. */
+    fontFamily?: string;
+    /** Apply React Native's fontScale to the point size. Defaults to true. */
+    allowFontScaling?: boolean;
+    /** Maximum font scale, >= 1. Zero/undefined means no limit. */
+    maxFontSizeMultiplier?: number;
+    renderingMode?: SFSymbolRenderingMode;
+    /** Tint / primary hierarchical color. Defaults to the semantic label color. */
+    color?: ColorValue;
+    /** One to three colors for palette rendering, in primary-to-tertiary order. */
+    paletteColors?: readonly [ColorValue, ColorValue?, ColorValue?];
+    /** Variable color/draw progress, from 0 to 1. Omit for the symbol default. */
+    variableValue?: number;
+    /** iOS 26+. Earlier versions retain the system's variable color behavior. */
+    variableValueMode?: 'automatic' | 'color' | 'draw';
+    /** iOS 26+. Earlier versions use flat colors. */
+    colorRenderingMode?: 'automatic' | 'flat' | 'gradient';
+    /** Native image fitting within an explicitly sized frame. Defaults to center. */
+    resizeMode?: 'center' | 'contain' | 'cover' | 'stretch';
+    /** One preset or multiple distinct presets. Unsupported OS presets are ignored. */
+    effect?: SFSymbolEffect | readonly SFSymbolEffect[];
+    /** Animate changes to the name or image configuration. Omit to update instantly. */
+    contentTransition?: SFSymbolContentTransition;
+    /** Honor the system Reduce Motion setting. Defaults to true. */
+    respectReduceMotion?: boolean;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/SFSymbol/types.d.ts.map

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

package/lib/typescript/src/Stepper/StepperNativeComponent.d.ts

@@ -0,0 +1,21 @@
+import { type CodegenTypes, type ViewProps } from 'react-native';
+type StepperChangeEvent = Readonly<{
+    value: CodegenTypes.Double;
+    eventCount: CodegenTypes.Int32;
+}>;
+export interface NativeStepperProps extends ViewProps {
+    value?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
+    minimumValue?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
+    maximumValue?: CodegenTypes.WithDefault<CodegenTypes.Double, 100>;
+    stepValue?: CodegenTypes.WithDefault<CodegenTypes.Double, 1>;
+    isContinuous?: CodegenTypes.WithDefault<boolean, true>;
+    autorepeat?: CodegenTypes.WithDefault<boolean, true>;
+    wraps?: CodegenTypes.WithDefault<boolean, false>;
+    disabled?: CodegenTypes.WithDefault<boolean, false>;
+    controlled?: CodegenTypes.WithDefault<boolean, false>;
+    mostRecentEventCount?: CodegenTypes.WithDefault<CodegenTypes.Int32, 0>;
+    onChange?: CodegenTypes.BubblingEventHandler<StepperChangeEvent>;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeStepperProps>;
+export default _default;
+//# sourceMappingURL=StepperNativeComponent.d.ts.map

package/lib/typescript/src/Stepper/StepperNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/Stepper/StepperNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG,QAAQ,CAAC;IACjC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC;IAC3B,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC;CAChC,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,KAAK,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAChE,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClE,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC7D,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACtD,oBAAoB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAEvE,QAAQ,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;CAClE;;AAED,wBAEG"}

package/lib/typescript/src/Stepper/index.d.ts

@@ -0,0 +1,4 @@
+import type { StepperProps } from './types.js';
+export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+export type { StepperProps } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/Stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Stepper/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAS,CAAC;AAE5C,eAAO,MAAM,OAAO,0LA6EnB,CAAC;AAMF,YAAY,EAAE,YAAY,EAAE,MAAM,YAAS,CAAC"}

package/lib/typescript/src/Stepper/types.d.ts

@@ -0,0 +1,24 @@
+import type { ViewProps } from 'react-native';
+export interface StepperProps extends Omit<ViewProps, 'children'> {
+    /** Controlled value. Update it from onValueChange to accept user changes. */
+    value?: number;
+    /** Initial uncontrolled value. Defaults to 0. */
+    defaultValue?: number;
+    /** Lower bound. Defaults to 0. */
+    minimumValue?: number;
+    /** Upper bound, greater than or equal to minimumValue. Defaults to 100. */
+    maximumValue?: number;
+    /** Positive increment/decrement amount. Defaults to 1. */
+    stepValue?: number;
+    /** Emit changes while interacting, rather than only on release. Defaults to true. */
+    isContinuous?: boolean;
+    /** Repeatedly step while holding either button. Defaults to true. */
+    autorepeat?: boolean;
+    /** Wrap between the bounds instead of stopping at them. Defaults to false. */
+    wraps?: boolean;
+    /** Disable user interaction. Defaults to false. */
+    disabled?: boolean;
+    /** Called with the new value after a user interaction. */
+    onValueChange?: (value: number) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/Stepper/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC/D,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC"}

package/lib/typescript/src/TipKit/Popover.d.ts

@@ -0,0 +1,3 @@
+import type { TipPopoverProps } from './types.js';
+export declare const Popover: import("react").ForwardRefExoticComponent<TipPopoverProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+//# sourceMappingURL=Popover.d.ts.map

package/lib/typescript/src/TipKit/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/TipKit/Popover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAa,MAAM,YAAS,CAAC;AAG1D,eAAO,MAAM,OAAO,6LA4EnB,CAAC"}

package/lib/typescript/src/TipKit/TipPopoverNativeComponent.d.ts

@@ -0,0 +1,38 @@
+import { type CodegenTypes, type ViewProps } from 'react-native';
+import type { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+export interface NativeTipPopoverProps extends ViewProps {
+    tipId: string;
+    title: string;
+    message?: string;
+    systemImage?: string;
+    actions?: ReadonlyArray<Readonly<{
+        id: string;
+        title: string;
+    }>>;
+    enabled?: boolean;
+    maxDisplayCount?: CodegenTypes.Int32;
+    ignoresDisplayFrequency?: boolean;
+    arrowEdge?: string;
+    onTipStatusChange?: DirectEventHandler<Readonly<{
+        tipId: string;
+        status: string;
+        reason: string;
+    }>>;
+    onTipVisibleChange?: DirectEventHandler<Readonly<{
+        tipId: string;
+        visible: boolean;
+    }>>;
+    onTipAction?: DirectEventHandler<Readonly<{
+        tipId: string;
+        id: string;
+        title: string;
+    }>>;
+    onTipError?: DirectEventHandler<Readonly<{
+        tipId: string;
+        code: string;
+        message: string;
+    }>>;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeTipPopoverProps>;
+export default _default;
+//# sourceMappingURL=TipPopoverNativeComponent.d.ts.map

package/lib/typescript/src/TipKit/TipPopoverNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TipPopoverNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/TipKit/TipPopoverNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IACrC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,kBAAkB,CACpC,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAC5D,CAAC;IACF,kBAAkB,CAAC,EAAE,kBAAkB,CACrC,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAC9C,CAAC;IACF,WAAW,CAAC,EAAE,kBAAkB,CAC9B,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CACvD,CAAC;IACF,UAAU,CAAC,EAAE,kBAAkB,CAC7B,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAC3D,CAAC;CACH;;AAED,wBAKE"}

package/lib/typescript/src/TipKit/index.d.ts

@@ -0,0 +1,10 @@
+import type { TipInvalidationReason, TipKitConfiguration } from './types.js';
+export declare const TipKit: {
+    Popover: import("react").ForwardRefExoticComponent<import("./types.js").TipPopoverProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+    /** Configure TipKit once before mounting tips. Repeating the same options is safe. */
+    configure({ displayFrequency, }?: TipKitConfiguration): Promise<void>;
+    /** Persistently invalidate a tip, including when its view is not mounted. */
+    invalidate(tipId: string, reason?: TipInvalidationReason): Promise<void>;
+};
+export type { TipAction, TipDisplayFrequency, TipError, TipInvalidationReason, TipKitConfiguration, TipPopoverProps, TipStatus, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/TipKit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/TipKit/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,YAAS,CAAC;AAI1E,eAAO,MAAM,MAAM;;IAEjB,sFAAsF;sCAGnF,mBAAmB,GAAQ,OAAO,CAAC,IAAI,CAAC;IAc3C,6EAA6E;sBAEpE,MAAM,WACL,qBAAqB,GAC5B,OAAO,CAAC,IAAI,CAAC;CAQjB,CAAC;AAEF,YAAY,EACV,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,SAAS,GACV,MAAM,YAAS,CAAC"}

package/lib/typescript/src/TipKit/types.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+export type TipDisplayFrequency = 'immediate' | 'hourly' | 'daily' | 'weekly' | 'monthly';
+export interface TipKitConfiguration {
+    /** App-wide interval between new tips. Defaults to `daily`. */
+    displayFrequency?: TipDisplayFrequency;
+}
+export type TipInvalidationReason = 'actionPerformed' | 'tipClosed';
+export type TipStatus = {
+    status: 'pending' | 'available';
+} | {
+    status: 'invalidated';
+    reason: TipInvalidationReason | 'displayCountExceeded' | 'displayDurationExceeded' | 'unknown';
+};
+export interface TipAction {
+    id: string;
+    title: string;
+}
+export interface TipError {
+    code: string;
+    message: string;
+}
+export interface TipPopoverProps extends Omit<ViewProps, 'children'> {
+    /** Anchor content. Its existing touch handlers are preserved. */
+    children: ReactNode;
+    /** Stable identity used by TipKit to persist this tip's history. */
+    tipId: string;
+    title: string;
+    message?: string;
+    systemImage?: string;
+    actions?: readonly TipAction[];
+    /** Allows presentation when TipKit is also eligible. Defaults to true. */
+    enabled?: boolean;
+    /** Omit to leave the number of presentations unlimited. */
+    maxDisplayCount?: number;
+    ignoresDisplayFrequency?: boolean;
+    /** Preferred arrow edge on the bubble; UIKit may adapt to available space. */
+    arrowEdge?: 'top' | 'bottom' | 'leading' | 'trailing' | 'auto';
+    /** TipKit eligibility, independent of whether the bubble is on screen. */
+    onStatusChange?: (status: TipStatus) => void;
+    onVisibleChange?: (visible: boolean) => void;
+    /** Actions do not automatically invalidate the tip. */
+    onActionPress?: (action: TipAction) => void;
+    onError?: (error: TipError) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/TipKit/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/TipKit/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAC7B,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;CACxC;AAED,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,GAAG,WAAW,CAAC;AAEpE,MAAM,MAAM,SAAS,GACjB;IAAE,MAAM,EAAE,SAAS,GAAG,WAAW,CAAA;CAAE,GACnC;IACE,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EACF,qBAAqB,GACrB,sBAAsB,GACtB,yBAAyB,GACzB,SAAS,CAAC;CACf,CAAC;AAEN,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,iEAAiE;IACjE,QAAQ,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC/B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IAC/D,0EAA0E;IAC1E,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC"}

package/lib/typescript/src/TipKit/validation.d.ts

@@ -0,0 +1,4 @@
+import type { TipPopoverProps } from './types.js';
+export declare function validateTipId(tipId: string): void;
+export declare function validateTip(props: TipPopoverProps): void;
+//# sourceMappingURL=validation.d.ts.map

package/lib/typescript/src/TipKit/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../src/TipKit/validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAS,CAAC;AAE/C,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAIjD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CA8BxD"}

package/lib/typescript/src/index.d.ts

@@ -1,9 +1,17 @@
 export { Menu } from './Menu/index.js';
-export type { MenuActionOption, MenuDividerOption, MenuItemState, MenuOption, MenuProps, MenuSectionOption, MenuSubmenuOption, } from './Menu/index.js';
+export { TipKit } from './TipKit/index.js';
+export type { TipAction, TipDisplayFrequency, TipError, TipInvalidationReason, TipPopoverProps, TipKitConfiguration, TipStatus, } from './TipKit/index.js';
+export type { MenuActionOption, MenuActionPressEvent, MenuActionPressEventData, MenuDividerOption, MenuItemState, MenuOption, MenuProps, MenuSectionOption, MenuSubmenuOption, } from './Menu/index.js';
+export { Stepper } from './Stepper/index.js';
+export type { StepperProps } from './Stepper/index.js';
+export { ConcentricView } from './ConcentricView/index.js';
+export type { ConcentricViewProps } from './ConcentricView/index.js';
+export { SFSymbol } from './SFSymbol/index.js';
+export type { SFSymbolContentTransition, SFSymbolEffect, SFSymbolEffectOptions, SFSymbolProps, SFSymbolRenderingMode, SFSymbolScale, SFSymbolTextStyle, SFSymbolWeight, } from './SFSymbol/index.js';
 export { Popover, PopoverClose } from './Popover/index.js';
 export type { PopoverArrowEdge, PopoverAttachmentAnchor, PopoverCloseProps, PopoverContent, PopoverContentRenderArgs, PopoverProps, } from './Popover/index.js';
 export { getNativeTinyui, assertComponentEnabled } from './utils/index.js';
 export type { TinyuiComponent } from './utils/index.js';
 export { LiquidGlassText } from './LiquidGlassText/index.js';
-export type { LiquidGlassTextFont, LiquidGlassTextFontDesign, LiquidGlassTextFontStyle, LiquidGlassTextFontWeight, LiquidGlassTextGlass, LiquidGlassTextProps, } from './LiquidGlassText/index.js';
+export type { LiquidGlassTextFontDesign, LiquidGlassTextEffect, LiquidGlassTextProps, LiquidGlassTextStyle, } from './LiquidGlassText/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAQ,CAAC;AAC9B,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iBAAQ,CAAC;AAEhB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAW,CAAC;AAClD,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,YAAY,GACb,MAAM,oBAAW,CAAC;AAEnB,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,kBAAS,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAS,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAAmB,CAAC;AACpD,YAAY,EACV,mBAAmB,EACnB,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAU,CAAC;AAClC,YAAY,EACV,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,qBAAqB,EACrB,eAAe,EACf,mBAAmB,EACnB,SAAS,GACV,MAAM,mBAAU,CAAC;AAClB,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iBAAQ,CAAC;AAEhB,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAW,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAAkB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAY,CAAC;AACtC,YAAY,EACV,yBAAyB,EACzB,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,cAAc,GACf,MAAM,qBAAY,CAAC;AAEpB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAW,CAAC;AAClD,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,YAAY,GACb,MAAM,oBAAW,CAAC;AAEnB,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,kBAAS,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAS,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAAmB,CAAC;AACpD,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAAmB,CAAC"}

package/lib/typescript/src/utils/getNativeTinyui.d.ts

@@ -1,5 +1,5 @@
 import { type Spec } from '../NativeTinyui.js';
-export type TinyuiComponent = 'Menu' | 'Popover' | 'LiquidGlassText';
+export type TinyuiComponent = 'Menu' | 'Popover' | 'LiquidGlassText' | 'Stepper' | 'ConcentricView' | 'SFSymbol' | 'TipKit';
 /**
  * Returns the Tinyui TurboModule instance. The native module is always
  * compiled (Core), so this is safe to call.

package/lib/typescript/src/utils/getNativeTinyui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getNativeTinyui.d.ts","sourceRoot":"","sources":["../../../../src/utils/getNativeTinyui.ts"],"names":[],"mappings":"AAAA,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAiB,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAKrE;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAStC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAWvE"}
+{"version":3,"file":"getNativeTinyui.d.ts","sourceRoot":"","sources":["../../../../src/utils/getNativeTinyui.ts"],"names":[],"mappings":"AAAA,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAiB,CAAC;AAE1D,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,SAAS,GACT,iBAAiB,GACjB,SAAS,GACT,gBAAgB,GAChB,UAAU,GACV,QAAQ,CAAC;AAKb;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAStC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAWvE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-tinyui",
-  "version": "0.4.0",
-  "description": "Dependency-free native iOS Menu, Popover and LiquidGlassText components for React Native",
+  "version": "1.0.0",
+  "description": "Dependency-free native iOS Menu, Popover, TipKit, Stepper, ConcentricView, SFSymbol and LiquidGlassText components for React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
@@ -20,6 +20,26 @@
       "types": "./lib/typescript/src/Popover/index.d.ts",
       "default": "./lib/module/Popover/index.js"
     },
+    "./stepper": {
+      "react-native-tinyui-source": "./src/Stepper/index.tsx",
+      "types": "./lib/typescript/src/Stepper/index.d.ts",
+      "default": "./lib/module/Stepper/index.js"
+    },
+    "./concentric-view": {
+      "react-native-tinyui-source": "./src/ConcentricView/index.tsx",
+      "types": "./lib/typescript/src/ConcentricView/index.d.ts",
+      "default": "./lib/module/ConcentricView/index.js"
+    },
+    "./sf-symbol": {
+      "react-native-tinyui-source": "./src/SFSymbol/index.tsx",
+      "types": "./lib/typescript/src/SFSymbol/index.d.ts",
+      "default": "./lib/module/SFSymbol/index.js"
+    },
+    "./tip-kit": {
+      "react-native-tinyui-source": "./src/TipKit/index.ts",
+      "types": "./lib/typescript/src/TipKit/index.d.ts",
+      "default": "./lib/module/TipKit/index.js"
+    },
     "./package.json": "./package.json",
     "./liquid-glass-text": {
       "react-native-tinyui-source": "./src/LiquidGlassText/index.tsx",
@@ -52,6 +72,7 @@
     "ios",
     "menu",
     "popover",
+    "stepper",
     "fabric",
     "liquid-glass"
   ],
@@ -78,6 +99,7 @@
     "@react-native/jest-preset": "0.85.0",
     "@release-it/conventional-changelog": "^11.0.1",
     "@types/react": "^19.2.0",
+    "@types/react-test-renderer": "^19.1.0",
     "del-cli": "^7.0.0",
     "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
@@ -88,6 +110,7 @@
     "react": "19.2.3",
     "react-native": "0.85.0",
     "react-native-builder-bob": "^0.43.0",
+    "react-test-renderer": "19.2.3",
     "release-it": "^20.2.0",
     "turbo": "^2.9.16",
     "typescript": "^6.0.3"
@@ -137,6 +160,18 @@
         },
         "TinyuiLiquidGlassTextView": {
           "className": "TinyuiLiquidGlassTextView"
+        },
+        "TinyuiStepperView": {
+          "className": "TinyuiStepperView"
+        },
+        "TinyuiConcentricView": {
+          "className": "TinyuiConcentricView"
+        },
+        "TinyuiSFSymbolView": {
+          "className": "TinyuiSFSymbolView"
+        },
+        "TinyuiTipPopoverView": {
+          "className": "TinyuiTipPopoverView"
         }
       }
     }

package/{Tinyui.podspec → react-native-tinyui.podspec}

@@ -19,6 +19,26 @@ components = {
     :definition => "TINYUI_FEATURE_LIQUID_GLASS_TEXT=1",
     :frameworks => ["UIKit", "SwiftUI", "CoreText"],
   },
+  "Stepper" => {
+    :source_files => "ios/Stepper/**/*.{h,m,mm,swift,cpp}",
+    :definition => "TINYUI_FEATURE_STEPPER=1",
+    :frameworks => ["UIKit"],
+  },
+  "ConcentricView" => {
+    :source_files => "ios/ConcentricView/**/*.{h,m,mm,swift,cpp}",
+    :definition => "TINYUI_FEATURE_CONCENTRIC_VIEW=1",
+    :frameworks => ["UIKit"],
+  },
+  "SFSymbol" => {
+    :source_files => "ios/SFSymbol/**/*.{h,m,mm,swift,cpp}",
+    :definition => "TINYUI_FEATURE_SF_SYMBOL=1",
+    :frameworks => ["UIKit", "Symbols"],
+  },
+  "TipKit" => {
+    :source_files => "ios/TipKit/**/*.{h,m,mm,swift,cpp}",
+    :definition => "TINYUI_FEATURE_TIP_KIT=1",
+    :frameworks => ["UIKit", "SwiftUI", "TipKit"],
+  },
 }
 
 configured_components = nil
@@ -68,7 +88,8 @@ definitions = selected_components.map { |component| component[:definition] }
 frameworks = selected_components.flat_map { |component| component.fetch(:frameworks, []) }.uniq
 
 Pod::Spec.new do |s|
-  s.name         = "Tinyui"
+  s.name         = "react-native-tinyui"
+  s.module_name  = "Tinyui"
   s.version      = package["version"]
   s.summary      = package["description"]
   s.homepage     = package["homepage"]
@@ -79,7 +100,7 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/luoxuhai/react-native-tinyui.git", :tag => "#{s.version}" }
 
   s.source_files = source_files
-  s.private_header_files = ["ios/Core/**/*.h", "ios/Menu/**/*.h", "ios/Popover/**/*.h", "ios/LiquidGlassText/**/*.h"]
+  s.private_header_files = ["ios/Core/**/*.h", "ios/Menu/**/*.h", "ios/Popover/**/*.h", "ios/LiquidGlassText/**/*.h", "ios/Stepper/**/*.h", "ios/ConcentricView/**/*.h", "ios/SFSymbol/**/*.h", "ios/TipKit/**/*.h"]
   s.preserve_paths = "ios/LiquidGlassText/GlassText-LICENSE"
   s.swift_version = "5.0"
   s.frameworks = frameworks unless frameworks.empty?

package/src/ConcentricView/ConcentricViewNativeComponent.ts

@@ -0,0 +1,14 @@
+import {
+  codegenNativeComponent,
+  type CodegenTypes,
+  type ViewProps,
+} from 'react-native';
+
+export interface NativeConcentricViewProps extends ViewProps {
+  minimumRadius?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
+}
+
+export default codegenNativeComponent<NativeConcentricViewProps>(
+  'TinyuiConcentricView',
+  { excludedPlatforms: ['android'] }
+);

package/src/ConcentricView/index.tsx

@@ -0,0 +1,34 @@
+import { forwardRef, type ComponentRef } from 'react';
+import { StyleSheet, type View } from 'react-native';
+
+import { assertComponentEnabled } from '../utils';
+import NativeConcentricView from './ConcentricViewNativeComponent';
+import type { ConcentricViewProps } from './types';
+
+export const ConcentricView = forwardRef<
+  ComponentRef<typeof View>,
+  ConcentricViewProps
+>(function ConcentricViewRoot({ minimumRadius = 0, style, ...viewProps }, ref) {
+  assertComponentEnabled('ConcentricView');
+
+  if (!Number.isFinite(minimumRadius) || minimumRadius < 0) {
+    throw new RangeError(
+      '[TinyUI] ConcentricView minimumRadius must be a finite, nonnegative number.'
+    );
+  }
+
+  return (
+    <NativeConcentricView
+      {...viewProps}
+      ref={ref}
+      minimumRadius={minimumRadius}
+      style={[styles.container, style]}
+    />
+  );
+});
+
+const styles = StyleSheet.create({
+  container: { overflow: 'hidden' },
+});
+
+export type { ConcentricViewProps } from './types';