@toss/tds-react-native 1.0.0

package/dist/esm/interactions/rally/types/motion-input/motion-input-values.d.ts

@@ -0,0 +1,57 @@
+export type RelativeOperator = '+=' | '-=' | '*=' | '/=';
+export type RelativeNumber = `${RelativeOperator}${number}`;
+export type Length = `${number}px` | number;
+export type RelativeLength = `${RelativeOperator}${Length}`;
+export type Percentage = `${number}%`;
+export type RelativePercentage = `${RelativeOperator}${Percentage}`;
+export type TransformOriginKeyword = 'bottom' | 'center' | 'left' | 'right' | 'top';
+export type TransformOrigin = TransformOriginKeyword | Length | Percentage;
+export type RelativeTransformOrigin = RelativeLength | RelativePercentage;
+export type Degree = number | `${number}deg`;
+export type RelativeDegree = `${RelativeOperator}${Degree}`;
+export type Color = `#${string}` | `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | string;
+export interface MotionInputValues {
+    backgroundColor?: Color;
+    color?: Color;
+    opacity?: number | RelativeNumber;
+    /** px, % */
+    width?: Length | Percentage | RelativeLength | RelativePercentage;
+    /** px, % */
+    height?: Length | Percentage | RelativeLength | RelativePercentage;
+    transformOriginX?: TransformOrigin | RelativeTransformOrigin;
+    transformOriginY?: TransformOrigin | RelativeTransformOrigin;
+    /**
+     * width에 대한 함수, px
+     */
+    perspective?: Length | ((width: number) => number);
+    scale?: number | RelativeNumber;
+    scaleX?: number | RelativeNumber;
+    scaleY?: number | RelativeNumber;
+    /**
+     * px, %.
+     * 상대값 지원.
+     * @example 기존값 10px, 지정한 값 -=10px: 최종 0
+     */
+    translateX?: Length | Percentage | RelativeLength | RelativePercentage;
+    /**
+     * px, %.
+     * 상대값 지원.
+     * @example 기존값 10px, 지정한 값 -=10px: 최종 0
+     */
+    translateY?: Length | RelativeLength | Percentage | RelativePercentage;
+    rotate?: Degree | RelativeDegree;
+    rotateX?: Degree | RelativeDegree;
+    /**
+     * 0-360 deg
+     * 상대값 지원.
+     * @example 기존값 60deg, 지정한 값 -=90deg: 최종 -30deg
+     */
+    rotateY?: Degree | RelativeDegree;
+    /**
+     * 0-360 deg.
+     * 상대값 지원.
+     * @example 기존값 60deg, 지정한 값 -=90deg: 최종 -30deg
+     */
+    rotateZ?: Degree | RelativeDegree;
+}
+export type PropertyKey = keyof MotionInputValues;

package/dist/esm/interactions/rally/types/motion-input/motion-input-values.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/types/motion-input/motion-input.d.ts

@@ -0,0 +1,11 @@
+import { TimeControl } from '../transitions/time';
+import { BezierTransition, SpringTransition, Transition } from '../transitions/transition';
+import { MotionInputValues, PropertyKey } from './motion-input-values';
+export type MotionInputProperty<V = number> = {
+    from?: V;
+    to?: V;
+} & (Partial<SpringTransition> | Partial<BezierTransition>) & TimeControl;
+export type MotionInputProperties = {
+    [Key in PropertyKey]?: MotionInputProperty<MotionInputValues[Key]>;
+};
+export type MotionInput = MotionInputProperties & Transition & TimeControl;

package/dist/esm/interactions/rally/types/motion-input/motion-input.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/types/presets/effect.d.ts

@@ -0,0 +1,13 @@
+import { MotionInputProperties } from '../motion-input/motion-input';
+export type EffectType = 'small' | 'big';
+export type EffectTypeOption = {
+    /** @default 'big' */
+    type?: EffectType;
+    override?: MotionInputProperties;
+};
+export type EffectPlayCountOption = {
+    repeatType: 'normal' | 'infinite';
+};
+export type EffectDirectionOption = {
+    direction: 'x' | 'y';
+};

package/dist/esm/interactions/rally/types/presets/effect.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/types/presets/index.d.ts

@@ -0,0 +1,2 @@
+export * from './effect';
+export * from './transition';

package/dist/esm/interactions/rally/types/presets/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./effect";export*from"./transition";

package/dist/esm/interactions/rally/types/presets/transition.d.ts

@@ -0,0 +1,13 @@
+import { MotionInputProperties } from '../motion-input/motion-input';
+export type TransitionType = 'in' | 'out';
+export type TransitionSpeed = 'slow' | 'fast';
+export type TransitionTypeOption = {
+    type: TransitionType;
+};
+export type TransitionSpeedOption = {
+    /** @default 'fast' */
+    speed?: TransitionSpeed;
+};
+export type TransitionBasicOptions = TransitionTypeOption & TransitionSpeedOption & {
+    override?: MotionInputProperties;
+};

package/dist/esm/interactions/rally/types/presets/transition.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/types/props.d.ts

@@ -0,0 +1,17 @@
+import { MotionInput } from './motion-input/motion-input';
+import { Easing } from './transitions';
+export type RallyPlayConfig = {
+    playCount?: number | 'infinite';
+    /**
+     * @default alternate
+     */
+    loopMode?: 'alternate' | 'normal';
+    loopDelay?: number;
+    delay?: number;
+};
+export type RallyProps = {
+    motion: MotionInput | MotionInput[];
+    exit?: MotionInput;
+    defaultEasing?: Easing;
+    defaultDuration?: number;
+} & RallyPlayConfig;

package/dist/esm/interactions/rally/types/props.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/types/transitions/ease.d.ts

@@ -0,0 +1,4 @@
+import { Spring } from './spring';
+export type BezierArray = [number, number, number, number];
+export type EasingFn = (t: number) => number;
+export type Easing = EasingFn | Spring | BezierArray;

package/dist/esm/interactions/rally/types/transitions/ease.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/types/transitions/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ease';
+export * from './spring';
+export * from './time';
+export * from './transition';

package/dist/esm/interactions/rally/types/transitions/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./ease";export*from"./spring";export*from"./time";export*from"./transition";

package/dist/esm/interactions/rally/types/transitions/spring.d.ts

@@ -0,0 +1,25 @@
+export interface Spring {
+    /**
+     * Stiffness of the spring.
+     * Higher values will create more sudden movement.
+     * @default 100
+     */
+    stiffness?: number;
+    /**
+     * Strength of opposing force.
+     * If set to 0, spring will oscillate indefinitely.
+     * @default 10
+     */
+    damping?: number;
+    /**
+     * Mass of the moving object.
+     * Higher values will result in more lethargic movement.
+     * @default 1
+     */
+    mass?: number;
+    /**
+     * The initial velocity of the spring.
+     * @default 0.0
+     */
+    velocity?: number;
+}

package/dist/esm/interactions/rally/types/transitions/spring.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/types/transitions/time.d.ts

@@ -0,0 +1,3 @@
+export interface TimeControl {
+    delay?: number;
+}

package/dist/esm/interactions/rally/types/transitions/time.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/types/transitions/transition.d.ts

@@ -0,0 +1,14 @@
+import { BezierArray, EasingFn } from './ease';
+import { Spring } from './spring';
+export interface SpringTransition {
+    easing: Spring;
+    duration?: never;
+}
+export interface BezierTransition {
+    /**
+     * @default bezier.out
+     */
+    easing?: EasingFn | BezierArray;
+    duration?: number;
+}
+export type Transition = SpringTransition | BezierTransition;

package/dist/esm/interactions/rally/types/transitions/transition.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/interactions/rally/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './repeat';
+export * from './repeatCycle';
+export * from './timeUtils';

package/dist/esm/interactions/rally/utils/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./repeat";export*from"./repeatCycle";export*from"./timeUtils";

package/dist/esm/interactions/rally/utils/repeat.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param item 반복할 요소
+ * @param count 반복할 회수
+ * @param param2 {gutter} 반복 사이에 채워넣을 값
+ */
+export declare function repeat<T>(item: T, count: number, { gutter }?: {
+    gutter?: T;
+}): Generator<T, void, unknown>;

package/dist/esm/interactions/rally/utils/repeat.js

@@ -0,0 +1 @@
+"use strict";export function*repeat(f,i,{gutter:l}={}){for(let e=0;e<i;e++)yield f,e<i-1&&l!=null&&(yield l)}

package/dist/esm/interactions/rally/utils/repeatCycle.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @param items 반복 시 요소들 각각에도 적용할 cycle items
+ * @param count 반복 회수
+ * @param { gutter } 중간에 넣을 값
+ *
+ * @example
+ * ```ts
+ *  repeatCycle([1, 2], 3, { gutter: 0 });
+ *  // [1, 0, 2, 0, 1]
+ * ```
+ */
+export declare function repeatCycle<T>(items: Array<T>, count: number, { gutter }?: {
+    gutter?: T;
+}): Generator<T | undefined, void, unknown>;

package/dist/esm/interactions/rally/utils/repeatCycle.js

@@ -0,0 +1 @@
+"use strict";export function*repeatCycle(e,i,{gutter:f}={}){for(let l=0;l<i;l++)yield e[l%e.length],l<i-1&&f!=null&&(yield f)}

package/dist/esm/interactions/rally/utils/timeUtils.d.ts

@@ -0,0 +1 @@
+export declare function convertSecondsToMilliseconds(second: number): number;

package/dist/esm/interactions/rally/utils/timeUtils.js

@@ -0,0 +1 @@
+"use strict";export function convertSecondsToMilliseconds(n){return n*1e3}

package/dist/esm/native/generateHapticFeedback.d.ts

@@ -0,0 +1,5 @@
+export type HapticFeedbackType = 'tickWeak' | 'tap' | 'tickMedium' | 'softMedium' | 'basicWeak' | 'basicMedium' | 'success' | 'error' | 'wiggle' | 'confetti';
+export interface HapticFeedbackOptions {
+    type: HapticFeedbackType;
+}
+export declare function generateHapticFeedback(options: HapticFeedbackOptions): void;

package/dist/esm/native/generateHapticFeedback.js

@@ -0,0 +1 @@
+"use strict";import{NativeModules as e}from"react-native";export function generateHapticFeedback(t){(e.GraniteModule??e.BedrockModule).generateHapticFeedback(t)}

package/dist/esm/private/index.d.ts

@@ -0,0 +1,8 @@
+export * from '../components/icon/private';
+export * as Paragraph from '../components/paragraph';
+export * from '../core';
+export { NavigationBackButton, NavigationLeft } from '../extensions/navigation';
+export * from '../extensions/prevent-font-scaling';
+export { NavigationRightContent, TopNavigation, useTopNavigation } from '../extensions/top-navigation';
+export type { NavigationRightContentProps, TopNavigationProps } from '../extensions/top-navigation';
+export * from '../utils';

package/dist/esm/private/index.js

@@ -0,0 +1 @@
+"use strict";export*from"../components/icon/private";export*as Paragraph from"../components/paragraph";export*from"../core";export{NavigationBackButton,NavigationLeft}from"../extensions/navigation";export*from"../extensions/prevent-font-scaling";export{NavigationRightContent,TopNavigation,useTopNavigation}from"../extensions/top-navigation";export*from"../utils";

package/dist/esm/utils/ColorManager.d.ts

@@ -0,0 +1,23 @@
+import { Rgb } from 'culori';
+export interface Oklch {
+    mode: 'oklch';
+    l: number;
+    c: number;
+    h: number;
+    alpha: number;
+}
+export declare class ColorManager {
+    private color;
+    private alpha;
+    constructor(inputColor: string);
+    setLightness(l: number): this;
+    setAlpha(alpha: number): this;
+    getOklch(): Oklch;
+    getHue(): number;
+    getChroma(): number;
+    getLightness(): number;
+    getAlpha(): number;
+    getHex(): string;
+    getRgba(): string;
+}
+export declare const serializeRgba: (color: Partial<Rgb>) => string;

package/dist/esm/utils/ColorManager.js

@@ -0,0 +1 @@
+"use strict";import{formatHex as e,oklch as n,parse as l,converter as c,round as i,clampChroma as p}from"culori";export class ColorManager{color;alpha=1;constructor(t){const o=l(t);if(!o)throw new Error("\uC720\uD6A8\uD55C \uC0C9\uC0C1 \uD3EC\uB9F7\uC774 \uC544\uB2D9\uB2C8\uB2E4.");const a=n(o);if(!a)throw new Error("\uC720\uD6A8\uD55C \uC0C9\uC0C1 \uD3EC\uB9F7\uC774 \uC544\uB2D9\uB2C8\uB2E4.");return this.color={h:0,alpha:1,...a},this.alpha=o.alpha??1,this}setLightness(t){return this.color.l=t,this.color=p(this.color,"oklch","rgb"),this}setAlpha(t){return this.alpha=t,this}getOklch(){return this.color}getHue(){return this.color.h}getChroma(){return this.color.c}getLightness(){return this.color.l}getAlpha(){return this.alpha}getHex(){return e({...this.color,alpha:this.alpha})}getRgba(){return m({...this.color,alpha:this.alpha})}}const g=c("rgb"),u=i(2),s=r=>Math.max(0,Math.min(1,r||0)),h=r=>Math.round(s(r)*255);export const serializeRgba=r=>{const t=h(r.r),o=h(r.g),a=h(r.b);return`rgba(${t}, ${o}, ${a}, ${u(s(r.alpha??1))})`};function m(r){return serializeRgba(g(r))}

package/dist/esm/utils/DeepPartial.d.ts

@@ -0,0 +1,3 @@
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};

package/dist/esm/utils/DeepPartial.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/utils/Keyboard.d.ts

@@ -0,0 +1,32 @@
+export declare enum KeyboardStatusLevel {
+    /** @description 키보드가 나타나지 않은 상태 */
+    None = 0,
+    /** @description 키보드가 숨겨진 뒤 상태 */
+    DidHide = 1,
+    /** @description 키보드가 숨겨져야 하는 상태 */
+    WillHide = 2,
+    /** @description 키보드가 보여져야 하는 상태 */
+    WillShow = 3,
+    /** @description 키보드가 보여진 뒤 상태 */
+    DidShow = 4
+}
+/**
+ * @name useKeyboardOpenStatus;
+ * @description 키보드가 보여지고 숨겨지는 상태를 level 로 나타낸 Hook
+ *
+ * 키보드가 보여질 때 상태 순서
+ * 1. None (= 0)
+ * 2. WillShow (= 3)
+ * 3. DidShow (= 4)
+ */
+export declare function useKeyboardStatusLevel(): KeyboardStatusLevel;
+/**
+ * @name useKeyboardOpened
+ * @description 키보드가 열렸느지 여부
+ */
+export declare function useKeyboardOpened(): boolean;
+/**
+ * @name useKeyboardHeight
+ * @description 키보드 높이
+ */
+export declare function useKeyboardHeight(): number;

package/dist/esm/utils/Keyboard.js

@@ -0,0 +1 @@
+"use strict";import{useState as t,useEffect as s}from"react";import{Keyboard as o}from"react-native";export var KeyboardStatusLevel;(function(e){e[e.None=0]="None",e[e.DidHide=1]="DidHide",e[e.WillHide=2]="WillHide",e[e.WillShow=3]="WillShow",e[e.DidShow=4]="DidShow"})(KeyboardStatusLevel||(KeyboardStatusLevel={}));export function useKeyboardStatusLevel(){const[e,i]=t(KeyboardStatusLevel.None);return s(()=>{const d=o.addListener("keyboardWillShow",()=>{i(KeyboardStatusLevel.WillShow)}),r=o.addListener("keyboardDidShow",()=>{i(KeyboardStatusLevel.DidShow)}),n=o.addListener("keyboardWillHide",()=>{i(KeyboardStatusLevel.WillHide)}),c=o.addListener("keyboardDidHide",()=>{i(KeyboardStatusLevel.DidHide)});return()=>{d.remove(),r.remove(),n.remove(),c.remove()}},[]),e}export function useKeyboardOpened(){const[e,i]=t(!1);return s(()=>{const d=o.addListener("keyboardDidShow",()=>i(!0)),r=o.addListener("keyboardDidHide",()=>i(!1));return()=>{d.remove(),r.remove()}},[]),e}export function useKeyboardHeight(){const[e,i]=t(0);return s(()=>{const d=o.addListener("keyboardDidShow",n=>{i(n.endCoordinates.height)}),r=o.addListener("keyboardDidHide",n=>{i(0)});return()=>{d.remove(),r.remove()}},[]),e}

package/dist/esm/utils/KeyboardAccessoryView.d.ts

@@ -0,0 +1,13 @@
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+interface Props extends ViewProps {
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    enabled?: boolean;
+    keyboardVerticalOffset?: number;
+}
+/**
+ * @name KeyboardAccessoryView
+ * @description 컴포넌트를 키보드 위로 띄워줍니다.
+ * - react-native 의 KeyboardAvoidingView 를 사용하면 onLayout 시점과 keyboardEvent 시점이 달라 높이가 달라지는 버그가 있습니다.
+ */
+export declare function KeyboardAccessoryView({ style, contentContainerStyle, enabled, children, onLayout, keyboardVerticalOffset, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/utils/KeyboardAccessoryView.js

@@ -0,0 +1 @@
+"use strict";import{jsx as w}from"react/jsx-runtime";import{useCallback as h,useEffect as p,useRef as L,useState as u}from"react";import{AccessibilityInfo as x,Keyboard as l,LayoutAnimation as E,Platform as f,StyleSheet as K,View as O}from"react-native";export function KeyboardAccessoryView({style:t,contentContainerStyle:o,enabled:a=!0,children:i,onLayout:d,keyboardVerticalOffset:s,...S}){const[y,g]=u(null),[b,C]=u(null),c=F(),M=L(null),r=h(e=>{const{duration:n,easing:m}=e;n&&m&&!c&&E.configureNext({duration:n>10?n:10,update:{duration:n>10?n:10,type:E.Types[m]||"keyboard"}}),g(e)},[c]),R=h(e=>{C(e.nativeEvent.layout),d?.(e)},[d]);p(()=>{const e=new Set;return f.OS==="ios"?e.add(l.addListener("keyboardWillChangeFrame",r)):f.OS==="android"&&(e.add(l.addListener("keyboardDidHide",r)),e.add(l.addListener("keyboardDidShow",r))),()=>{e.forEach(n=>{n?.remove()})}},[r]);const k=b==null||y==null?0:v({layoutFrame:b,keyboardFrame:y.endCoordinates,offset:s??0,isReduceMotionEnabled:c});return w(O,{ref:M,style:K.compose(t,{paddingBottom:a?k:void 0}),onLayout:R,...S,children:i})}function v({layoutFrame:t,keyboardFrame:o,offset:a=0,isReduceMotionEnabled:i}){if(i&&o.screenY===0)return 0;const s=o.screenY-a;return Math.max(t.y+t.height-s,0)}function F(){const[t,o]=u(!1);return p(()=>{async function a(){try{const i=await x.isReduceMotionEnabled();o(i)}catch{}}f.OS==="ios"&&a()},[]),t}

package/dist/esm/utils/SafeArea.d.ts

@@ -0,0 +1,14 @@
+import { SafeAreaView } from '@granite-js/native/react-native-safe-area-context';
+import { ComponentProps } from 'react';
+export declare const SafeArea: {
+    Top: typeof SafeAreaTop;
+    Right: typeof SafeAreaRight;
+    Bottom: typeof SafeAreaBottom;
+    Left: typeof SafeAreaLeft;
+};
+type SafeAreaProps = Omit<ComponentProps<typeof SafeAreaView>, 'children'>;
+declare function SafeAreaTop({ edges, ...props }: SafeAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function SafeAreaRight({ edges, ...props }: SafeAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function SafeAreaBottom({ edges, ...props }: SafeAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function SafeAreaLeft({ edges, ...props }: SafeAreaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/utils/SafeArea.js

@@ -0,0 +1 @@
+"use strict";import{jsx as t}from"react/jsx-runtime";import{SafeAreaView as r}from"@granite-js/native/react-native-safe-area-context";export const SafeArea={Top:f,Right:a,Bottom:n,Left:s};function f({edges:o,...e}){return t(r,{edges:["top"],...e})}function a({edges:o,...e}){return t(r,{edges:["right"],...e})}function n({edges:o,...e}){return t(r,{edges:["bottom"],...e})}function s({edges:o,...e}){return t(r,{edges:["left"],...e})}

package/dist/esm/utils/childrens.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export declare const Childrens: {
+    /**
+     * @name Childrens.Gap
+     * @description ReactNode children 을 렌더할 때 사이에 gap 컴포넌트를 렌더합니다.
+     */
+    Gap: typeof ChildrensGap;
+};
+interface ChildrensGapProps {
+    children: ReactNode;
+    gap: ReactNode;
+}
+declare function ChildrensGap({ children, gap }: ChildrensGapProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/utils/childrens.js

@@ -0,0 +1 @@
+"use strict";import{jsxs as i,Fragment as o,jsx as m}from"react/jsx-runtime";import{Children as s,Fragment as d}from"react";export const Childrens={Gap:p};function p({children:r,gap:t}){return m(o,{children:s.map(r,(e,n)=>{const a=n===s.count(r)-1;return i(d,{children:[e,a?void 0:t]},n)})})}

package/dist/esm/utils/deepMerge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge<T extends Record<string, any>, U extends Record<string, any>>(target: T, source: U): T & U;

package/dist/esm/utils/deepMerge.js

@@ -0,0 +1 @@
+"use strict";export function deepMerge(n,s){const r={...n};for(const[c,e]of Object.entries(s)){const o=c,t=r[o];typeof e=="object"&&e!==null&&!Array.isArray(e)&&typeof t=="object"&&t!==null&&!Array.isArray(t)?r[o]=deepMerge(t,e):r[o]=e}return r}

package/dist/esm/utils/extractTextFromReactElement.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare function extractTextFromReactElement(element: ReactElement): string;

package/dist/esm/utils/extractTextFromReactElement.js

@@ -0,0 +1 @@
+"use strict";import{isValidElement as i}from"react";export function extractTextFromReactElement(t){if(typeof t=="string")return t;if(typeof t=="number")return String(t);if(!i(t))return"";const n=t.props;if(!n||n.children===void 0||n.children===null)return"";const r=n.children;return typeof r=="string"?r:typeof r=="number"?String(r):Array.isArray(r)?r.map(e=>extractTextFromReactElement(e)).filter(Boolean).join(" ").replace(/\s+/g," ").trim():i(r)?extractTextFromReactElement(r):""}

package/dist/esm/utils/index.d.ts

@@ -0,0 +1,13 @@
+export * from './childrens';
+export * from './isReactText';
+export * from './extractTextFromReactElement';
+export * from './Keyboard';
+export * from './KeyboardAccessoryView';
+export * from './SafeArea';
+export * from './useAccessibilityInfo';
+export * from './useAnimatePresence';
+export * from './useControlled';
+export * from './useSafeAreaBottom';
+export * from './useSafeAreaTop';
+export * from './useWiggleAnim';
+export * from './deepMerge';

package/dist/esm/utils/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./childrens";export*from"./isReactText";export*from"./extractTextFromReactElement";export*from"./Keyboard";export*from"./KeyboardAccessoryView";export*from"./SafeArea";export*from"./useAccessibilityInfo";export*from"./useAnimatePresence";export*from"./useControlled";export*from"./useSafeAreaBottom";export*from"./useSafeAreaTop";export*from"./useWiggleAnim";export*from"./deepMerge";

package/dist/esm/utils/isReactText.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode, ReactText } from 'react';
+export declare function isReactText(node: ReactNode): node is ReactText;

package/dist/esm/utils/isReactText.js

@@ -0,0 +1 @@
+"use strict";export function isReactText(t){return typeof t=="string"||typeof t=="number"}

package/dist/esm/utils/mergeRefs.d.ts

@@ -0,0 +1 @@
+export declare function mergeRefs<T = any>(...refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;

package/dist/esm/utils/mergeRefs.js

@@ -0,0 +1 @@
+"use strict";export function mergeRefs(...e){return t=>{e.forEach(n=>{typeof n=="function"?n(t):n!=null&&(n.current=t)})}}

package/dist/esm/utils/testing/index.d.ts

@@ -0,0 +1 @@
+export { mockAccessibilityInfo } from './mockAccessibilityInfo';

package/dist/esm/utils/testing/index.js

@@ -0,0 +1 @@
+"use strict";export{mockAccessibilityInfo}from"./mockAccessibilityInfo";

package/dist/esm/utils/testing/mockAccessibilityInfo.d.ts

@@ -0,0 +1,6 @@
+import { AccessibilityInfo } from 'react-native';
+type EnableAccessibilityInfoKey = keyof Pick<AccessibilityInfo, 'isReduceMotionEnabled' | 'isScreenReaderEnabled'>;
+export declare function mockAccessibilityInfo(accessibilityinfo: {
+    [key in EnableAccessibilityInfoKey]?: boolean;
+}): void;
+export {};

package/dist/esm/utils/testing/mockAccessibilityInfo.js

@@ -0,0 +1 @@
+"use strict";import{AccessibilityInfo as e}from"react-native";export function mockAccessibilityInfo(n){Object.entries(n).forEach(([t,c])=>{jest.spyOn(e,t).mockImplementationOnce(async()=>c)}),jest.spyOn(e,"addEventListener").mockReturnValueOnce({remove:()=>{}})}

package/dist/esm/utils/useAccessibilityInfo.d.ts

@@ -0,0 +1,4 @@
+export declare function useAccessibilityInfo(): {
+    reduceMotionEnabled: boolean | null;
+    screenReaderEnabled: boolean | null;
+};

package/dist/esm/utils/useAccessibilityInfo.js

@@ -0,0 +1 @@
+"use strict";import{useEffect as a,useState as o}from"react";import{AccessibilityInfo as n}from"react-native";export function useAccessibilityInfo(){const[d,t]=o(null),[c,r]=o(null);return a(()=>{const i=n.addEventListener("reduceMotionChanged",e=>{t(e)}),s=n.addEventListener("screenReaderChanged",e=>{r(e)});return n.isReduceMotionEnabled().then(e=>{t(e)}),n.isScreenReaderEnabled().then(e=>{r(e)}),()=>{i?.remove(),s?.remove()}},[]),{reduceMotionEnabled:d,screenReaderEnabled:c}}

package/dist/esm/utils/useAnimatePresence.d.ts

@@ -0,0 +1,11 @@
+type PresenceState = 'visible-animation' | 'visible' | 'invisible-animation' | 'invisible';
+interface Config {
+    enter: () => Promise<void> | void;
+    onEntered?: () => void;
+    exit: () => Promise<void> | void;
+    onExited?: () => void;
+}
+export declare function useAnimatePresence(visible: boolean, { enter, exit, onEntered, onExited }: Config): {
+    presenceState: PresenceState;
+};
+export {};

package/dist/esm/utils/useAnimatePresence.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as l,useEffect as u,useState as b}from"react";export function useAnimatePresence(i,{enter:n,exit:t,onEntered:a,onExited:c}){const[s,e]=b("invisible"),o=l(async()=>{e("visible-animation"),await n(),e("visible"),a?.()},[n,a]),r=l(async()=>{e("invisible-animation"),await t(),e("invisible"),c?.()},[t,c]);return u(()=>{if(i&&s!=="visible"){o();return}else!i&&s!=="invisible"&&r()},[i]),{presenceState:s}}

package/dist/esm/utils/useAnnounce.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+export interface UseAnnounceOptions {
+    /** 큐에 추가할지 여부 (기본값: false) */
+    queue?: boolean;
+    /** 지연 시간 (ms, 기본값: 0) */
+    delay?: number;
+    /** 스크린 리더가 활성화된 경우에만 알림할지 여부 (기본값: true) */
+    onlyWhenScreenReaderEnabled?: boolean;
+}
+/**
+ * 스크린 리더 사용자에게 메시지를 알리는 훅
+ *
+ * @returns announce 함수
+ */
+export declare function useAnnounce(): {
+    announce: (message: string | ReactElement, options?: UseAnnounceOptions) => Promise<void>;
+};

package/dist/esm/utils/useAnnounce.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as a}from"react";import{AccessibilityInfo as e}from"react-native";import{extractTextFromReactElement as l}from"./extractTextFromReactElement";export function useAnnounce(){return{announce:a(async(n,o={})=>{const{queue:s=!1,delay:i=0,onlyWhenScreenReaderEnabled:r=!0}=o;if(r&&!await e.isScreenReaderEnabled())return;const t=typeof n=="string"?n:l(n),c=()=>{e.announceForAccessibilityWithOptions?e.announceForAccessibilityWithOptions(t,{queue:s}):e.announceForAccessibility&&e.announceForAccessibility(t)};i>0?setTimeout(c,i):c()},[])}}

package/dist/esm/utils/useControlled.d.ts

@@ -0,0 +1,5 @@
+export interface UseControlledProps<T> {
+    controlledValue?: T;
+    defaultValue: T;
+}
+export declare function useControlled<T = unknown>({ controlledValue, defaultValue, }: UseControlledProps<T>): [T, (newValue: T) => void];

package/dist/esm/utils/useControlled.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as c,useEffect as i,useRef as d,useState as a}from"react";export function useControlled({controlledValue:e,defaultValue:t}){const{current:n}=d(e!==void 0),[o,s]=a(t),u=n?e:o;i(()=>{(!n&&e!==void 0||n&&e===void 0)&&console.error("\uCEF4\uD3EC\uB10C\uD2B8 \uC0DD\uC131 \uC774\uD6C4\uC5D0 uncontrolled \uBC29\uC2DD\uACFC controlled \uBC29\uC2DD\uC744 dynamic\uD558\uAC8C \uB118\uB098\uB4DC\uB294 \uACBD\uC6B0\uB294 \uAE08\uC9C0\uB41C\uB2E4.")},[e]);const f=c(r=>{n||s(r)},[]);return[u,f]}

package/dist/esm/utils/useSafeAreaBottom.d.ts

@@ -0,0 +1,11 @@
+/** @description iOS 의 노치디자인 하단 SafeArea 값 */
+export declare const IOS_NOTCH_SAFE_AREA_BOTTOM = 34;
+/**
+ * @name useSafeAreaBottom
+ * @description SafeAreaBottom 값을 가져옵니다.
+ * - iOS 에서 최대 SafeArea Bottom 값을 기본 노치 SafeArea Bottom 값으로 지정합니다.
+ * - MainTabBar 가 열리고 닫힐 때 SafeArea 값이 변경되어 LayoutShift 가 발생합니다.
+ * - MainTabBar 가 있는 경우 SafeArea = 82px = 58px + 24px
+ * - MainTabBar 가 없는 경우 SafeArea = 34px (기본 노치 값, 노치값이 없다면 0px)
+ */
+export declare function useSafeAreaBottom(): number;

package/dist/esm/utils/useSafeAreaBottom.js

@@ -0,0 +1 @@
+"use strict";import{useSafeAreaInsets as e}from"@granite-js/native/react-native-safe-area-context";export const IOS_NOTCH_SAFE_AREA_BOTTOM=34;export function useSafeAreaBottom(){const t=e();return Math.min(t.bottom,IOS_NOTCH_SAFE_AREA_BOTTOM)}

package/dist/esm/utils/useSafeAreaTop.d.ts

@@ -0,0 +1 @@
+export declare function useSafeAreaTop(): number;

package/dist/esm/utils/useSafeAreaTop.js

@@ -0,0 +1 @@
+"use strict";import{useSafeAreaInsets as o}from"@granite-js/native/react-native-safe-area-context";import{Platform as s}from"react-native";export function useSafeAreaTop(){const a=o();return s.OS==="ios"&&a.top>50?a.top-5:a.top}

package/dist/esm/utils/useWiggleAnim.d.ts

@@ -0,0 +1,24 @@
+import { Animated } from 'react-native';
+interface Props {
+    /**
+     * @description 모션 방향
+     */
+    direction: 'x' | 'y';
+    /**
+     * @description 모션 크기
+     */
+    type: 'small' | 'big';
+}
+export declare function useWiggleAnim({ direction, type }: Props): {
+    startWiggle: () => void;
+    style: {
+        transform: ({
+            translateX: Animated.Value;
+            translateY?: undefined;
+        } | {
+            translateY: Animated.Value;
+            translateX?: undefined;
+        })[];
+    };
+};
+export {};

package/dist/esm/utils/useWiggleAnim.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as s,useRef as i}from"react";import{Animated as t,Easing as l}from"react-native";export function useWiggleAnim({direction:r,type:a}){const e=i(new t.Value(0)).current;return{startWiggle:s(()=>{t.sequence(u[a].map(n=>t.timing(e,{toValue:n,duration:87.5,easing:l.linear,useNativeDriver:!0}))).start()},[]),style:{transform:[r==="x"?{translateX:e}:{translateY:e}]}}}const u={small:[2,-2,1,-1],big:[4,-4,2,-2]};