@toss/tds-react-native 1.3.0 → 1.3.1

package/dist/cjs/interactions/rally/types/motion/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./motion"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./motion.js"),exports);

package/dist/cjs/interactions/rally/types/motion/motion.d.ts

@@ -1,5 +1,5 @@
-import { Color } from '../motion-input/motion-input-values';
-import { Transition } from '../transitions';
+import type { Color } from '../motion-input/motion-input-values.js';
+import type { Transition } from '../transitions/index.js';
 type InterpolationNumberValue = {
     from: number;
     to: number;

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

@@ -1,2 +1,2 @@
-export * from './motion-input-values';
-export * from './motion-input';
+export * from './motion-input-values.js';
+export * from './motion-input.js';

package/dist/cjs/interactions/rally/types/motion-input/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./motion-input-values"),exports),__exportStar(require("./motion-input"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./motion-input-values.js"),exports),__exportStar(require("./motion-input.js"),exports);

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

@@ -1,6 +1,6 @@
-import { TimeControl } from '../transitions/time';
-import { BezierTransition, SpringTransition, Transition } from '../transitions/transition';
-import { MotionInputValues, PropertyKey } from './motion-input-values';
+import type { TimeControl } from '../transitions/time.js';
+import type { BezierTransition, SpringTransition, Transition } from '../transitions/transition.js';
+import type { MotionInputValues, PropertyKey } from './motion-input-values.js';
 export type MotionInputProperty<V = number> = {
     from?: V;
     to?: V;

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

@@ -1,4 +1,4 @@
-import { MotionInputProperties } from '../motion-input/motion-input';
+import type { MotionInputProperties } from '../motion-input/motion-input.js';
 export type EffectType = 'small' | 'big';
 export type EffectTypeOption = {
     /** @default 'big' */

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

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

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

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./effect"),exports),__exportStar(require("./transition"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./effect.js"),exports),__exportStar(require("./transition.js"),exports);

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

@@ -1,4 +1,4 @@
-import { MotionInputProperties } from '../motion-input/motion-input';
+import type { MotionInputProperties } from '../motion-input/motion-input.js';
 export type TransitionType = 'in' | 'out';
 export type TransitionSpeed = 'slow' | 'fast';
 export type TransitionTypeOption = {

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

@@ -1,5 +1,5 @@
-import { MotionInput } from './motion-input/motion-input';
-import { Easing } from './transitions';
+import type { MotionInput } from './motion-input/motion-input.js';
+import type { Easing } from './transitions/index.js';
 export type RallyPlayConfig = {
     playCount?: number | 'infinite';
     /**

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

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

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

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

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

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,r,e,t){t===void 0&&(t=e);var n=Object.getOwnPropertyDescriptor(r,e);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,n)}:function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]},__exportStar=function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./ease"),exports),__exportStar(require("./spring"),exports),__exportStar(require("./time"),exports),__exportStar(require("./transition"),exports);
+"use strict";var __createBinding=Object.create?function(i,r,e,t){t===void 0&&(t=e);var n=Object.getOwnPropertyDescriptor(r,e);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,n)}:function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]},__exportStar=function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./ease.js"),exports),__exportStar(require("./spring.js"),exports),__exportStar(require("./time.js"),exports),__exportStar(require("./transition.js"),exports);

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

@@ -1,5 +1,5 @@
-import { BezierArray, EasingFn } from './ease';
-import { Spring } from './spring';
+import type { BezierArray, EasingFn } from './ease.js';
+import type { Spring } from './spring.js';
 export interface SpringTransition {
     easing: Spring;
     duration?: never;

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

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

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

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./repeat"),exports),__exportStar(require("./repeatCycle"),exports),__exportStar(require("./timeUtils"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./repeat.js"),exports),__exportStar(require("./repeatCycle.js"),exports),__exportStar(require("./timeUtils.js"),exports);

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

@@ -9,6 +9,6 @@
  *  // [1, 0, 2, 0, 1]
  * ```
  */
-export declare function repeatCycle<T>(items: Array<T>, count: number, { gutter }?: {
+export declare function repeatCycle<T>(items: T[], count: number, { gutter }?: {
     gutter?: T;
 }): Generator<T | undefined, void, unknown>;

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

@@ -1,8 +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';
+export * from '../components/icon/private/index.js';
+export * as Paragraph from '../components/paragraph/index.js';
+export * from '../core/index.js';
+export { NavigationBackButton, NavigationLeft } from '../extensions/navigation/index.js';
+export * from '../extensions/prevent-font-scaling/index.js';
+export { NavigationRightContent, TopNavigation, useTopNavigation } from '../extensions/top-navigation/index.js';
+export type { NavigationRightContentProps, TopNavigationProps } from '../extensions/top-navigation/index.js';
+export * from '../utils/index.js';

package/dist/cjs/private/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(n,e,t,r){r===void 0&&(r=t);var i=Object.getOwnPropertyDescriptor(e,t);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,i)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__exportStar=function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(e,n,t)},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(t){var r=[];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[r.length]=i);return r},n(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=n(e),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(t,e,r[i]);return __setModuleDefault(t,e),t}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTopNavigation=exports.TopNavigation=exports.NavigationRightContent=exports.NavigationLeft=exports.NavigationBackButton=exports.Paragraph=void 0,__exportStar(require("../components/icon/private"),exports),exports.Paragraph=__importStar(require("../components/paragraph")),__exportStar(require("../core"),exports);var navigation_1=require("../extensions/navigation");Object.defineProperty(exports,"NavigationBackButton",{enumerable:!0,get:function(){return navigation_1.NavigationBackButton}}),Object.defineProperty(exports,"NavigationLeft",{enumerable:!0,get:function(){return navigation_1.NavigationLeft}}),__exportStar(require("../extensions/prevent-font-scaling"),exports);var top_navigation_1=require("../extensions/top-navigation");Object.defineProperty(exports,"NavigationRightContent",{enumerable:!0,get:function(){return top_navigation_1.NavigationRightContent}}),Object.defineProperty(exports,"TopNavigation",{enumerable:!0,get:function(){return top_navigation_1.TopNavigation}}),Object.defineProperty(exports,"useTopNavigation",{enumerable:!0,get:function(){return top_navigation_1.useTopNavigation}}),__exportStar(require("../utils"),exports);
+"use strict";var __createBinding=Object.create?function(n,e,t,r){r===void 0&&(r=t);var i=Object.getOwnPropertyDescriptor(e,t);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,i)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__exportStar=function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(e,n,t)},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(t){var r=[];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[r.length]=i);return r},n(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=n(e),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(t,e,r[i]);return __setModuleDefault(t,e),t}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTopNavigation=exports.TopNavigation=exports.NavigationRightContent=exports.NavigationLeft=exports.NavigationBackButton=exports.Paragraph=void 0,__exportStar(require("../components/icon/private/index.js"),exports),exports.Paragraph=__importStar(require("../components/paragraph/index.js")),__exportStar(require("../core/index.js"),exports);var index_js_1=require("../extensions/navigation/index.js");Object.defineProperty(exports,"NavigationBackButton",{enumerable:!0,get:function(){return index_js_1.NavigationBackButton}}),Object.defineProperty(exports,"NavigationLeft",{enumerable:!0,get:function(){return index_js_1.NavigationLeft}}),__exportStar(require("../extensions/prevent-font-scaling/index.js"),exports);var index_js_2=require("../extensions/top-navigation/index.js");Object.defineProperty(exports,"NavigationRightContent",{enumerable:!0,get:function(){return index_js_2.NavigationRightContent}}),Object.defineProperty(exports,"TopNavigation",{enumerable:!0,get:function(){return index_js_2.TopNavigation}}),Object.defineProperty(exports,"useTopNavigation",{enumerable:!0,get:function(){return index_js_2.useTopNavigation}}),__exportStar(require("../utils/index.js"),exports);

package/dist/cjs/tokens/token.d.ts

@@ -0,0 +1,11 @@
+/**
+ * NOTE: 웹 토큰 통합 전 임시 매핑이에요. 추후 var 연동 예정.
+ */
+declare const tokenMap: {
+    readonly 'line-height-xs': 1.252;
+    readonly 'line-height-s': 1.35;
+    readonly 'line-height-m': 1.5;
+};
+export type TokenName = keyof typeof tokenMap;
+export declare function token(name: TokenName): number;
+export {};

package/dist/cjs/tokens/token.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.token=token;const tokenMap={"line-height-xs":1.252,"line-height-s":1.35,"line-height-m":1.5};function token(e){return tokenMap[e]}

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

@@ -1,4 +1,4 @@
-import { Rgb } from 'culori';
+import type { Rgb } from 'culori';
 export interface Oklch {
     mode: 'oklch';
     l: number;

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 interface Props extends ViewProps {
     contentContainerStyle?: StyleProp<ViewStyle>;
     enabled?: boolean;

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

@@ -1,5 +1,5 @@
 import { SafeAreaView } from '@granite-js/native/react-native-safe-area-context';
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 export declare const SafeArea: {
     Top: typeof SafeAreaTop;
     Right: typeof SafeAreaRight;

package/dist/cjs/utils/a11y.d.ts

@@ -0,0 +1,23 @@
+import { AccessibilityProps, AccessibilityRole, AccessibilityState, AccessibilityValue } from 'react-native';
+interface A11yProps {
+    role?: AccessibilityRole;
+    label?: string;
+    checked?: AccessibilityState['checked'];
+    busy?: AccessibilityState['busy'];
+    disabled?: AccessibilityState['disabled'];
+    expanded?: AccessibilityState['expanded'];
+    selected?: AccessibilityState['selected'];
+    hidden?: boolean;
+    valueMax?: AccessibilityValue['max'];
+    valueMin?: AccessibilityValue['min'];
+    valueNow?: AccessibilityValue['now'];
+    valueText?: AccessibilityValue['text'];
+}
+/**
+ * react-native에서 role과 accessibilityRole와 같이 차이가 발생하는 속성을 모두 지원해주기 위한 훅입니다.
+ * @param restProps 사용처에서 넘겨주는 접근성 속성을 포함한 나머지 속성들
+ * @param defaultProps 기본 접근성 속성
+ * @returns T
+ */
+export declare function generateA11yRestProps<T extends AccessibilityProps>(restProps: T, defaultProps: A11yProps): T & AccessibilityProps;
+export {};

package/dist/cjs/utils/a11y.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateA11yRestProps=generateA11yRestProps;function generateA11yRestProps(a,e){const i=a.role??a.accessibilityRole??e.role,c=a["aria-checked"]??a.accessibilityState?.checked??e.checked,l=a["aria-busy"]??a.accessibilityState?.busy??e.busy,n=a["aria-disabled"]??a.accessibilityState?.disabled??e.disabled,t=a["aria-expanded"]??a.accessibilityState?.expanded??e.expanded,b=a["aria-selected"]??a.accessibilityState?.selected??e.selected,d=a["aria-hidden"]??a.accessible==null?e.hidden:!a.accessible,y=a["aria-valuemax"]??a.accessibilityValue?.max??e.valueMax,u=a["aria-valuemin"]??a.accessibilityValue?.min??e.valueMin,x=a["aria-valuenow"]??a.accessibilityValue?.now??e.valueNow,v=a["aria-valuetext"]??a.accessibilityValue?.text??e.valueText;return{...a,role:i==="heading"?"header":i,accessibilityRole:i,"aria-checked":c,"aria-busy":l,"aria-disabled":n,"aria-expanded":t,"aria-selected":b,"aria-hidden":d,accessibilityLabel:e.label,accessibilityState:{...a.accessibilityState,checked:c,busy:l,disabled:n,expanded:t,selected:b},accessible:!d,"aria-valuemax":y,"aria-valuemin":u,"aria-valuenow":x,"aria-valuetext":v,accessibilityValue:{max:y,min:u,now:x,text:v}}}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare const Childrens: {
     /**
      * @name Childrens.Gap

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

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

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

@@ -1,13 +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';
+export * from './childrens.js';
+export * from './isReactText.js';
+export * from './extractTextFromReactElement.js';
+export * from './Keyboard.js';
+export * from './KeyboardAccessoryView.js';
+export * from './SafeArea.js';
+export * from './useAccessibilityInfo.js';
+export * from './useAnimatePresence.js';
+export * from './useControlled.js';
+export * from './useSafeAreaBottom.js';
+export * from './useSafeAreaTop.js';
+export * from './useWiggleAnim.js';
+export * from './deepMerge.js';

package/dist/cjs/utils/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,r,e,t){t===void 0&&(t=e);var o=Object.getOwnPropertyDescriptor(r,e);(!o||("get"in o?!r.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,o)}:function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]},__exportStar=function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./childrens"),exports),__exportStar(require("./isReactText"),exports),__exportStar(require("./extractTextFromReactElement"),exports),__exportStar(require("./Keyboard"),exports),__exportStar(require("./KeyboardAccessoryView"),exports),__exportStar(require("./SafeArea"),exports),__exportStar(require("./useAccessibilityInfo"),exports),__exportStar(require("./useAnimatePresence"),exports),__exportStar(require("./useControlled"),exports),__exportStar(require("./useSafeAreaBottom"),exports),__exportStar(require("./useSafeAreaTop"),exports),__exportStar(require("./useWiggleAnim"),exports),__exportStar(require("./deepMerge"),exports);
+"use strict";var __createBinding=Object.create?function(s,r,e,t){t===void 0&&(t=e);var i=Object.getOwnPropertyDescriptor(r,e);(!i||("get"in i?!r.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(s,t,i)}:function(s,r,e,t){t===void 0&&(t=e),s[t]=r[e]},__exportStar=function(s,r){for(var e in s)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,s,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./childrens.js"),exports),__exportStar(require("./isReactText.js"),exports),__exportStar(require("./extractTextFromReactElement.js"),exports),__exportStar(require("./Keyboard.js"),exports),__exportStar(require("./KeyboardAccessoryView.js"),exports),__exportStar(require("./SafeArea.js"),exports),__exportStar(require("./useAccessibilityInfo.js"),exports),__exportStar(require("./useAnimatePresence.js"),exports),__exportStar(require("./useControlled.js"),exports),__exportStar(require("./useSafeAreaBottom.js"),exports),__exportStar(require("./useSafeAreaTop.js"),exports),__exportStar(require("./useWiggleAnim.js"),exports),__exportStar(require("./deepMerge.js"),exports);

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mockAccessibilityInfo=void 0;var mockAccessibilityInfo_1=require("./mockAccessibilityInfo");Object.defineProperty(exports,"mockAccessibilityInfo",{enumerable:!0,get:function(){return mockAccessibilityInfo_1.mockAccessibilityInfo}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mockAccessibilityInfo=void 0;var mockAccessibilityInfo_js_1=require("./mockAccessibilityInfo.js");Object.defineProperty(exports,"mockAccessibilityInfo",{enumerable:!0,get:function(){return mockAccessibilityInfo_js_1.mockAccessibilityInfo}});

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export interface UseAnnounceOptions {
     /** 큐에 추가할지 여부 (기본값: false) */
     queue?: boolean;

package/dist/cjs/utils/useAnnounce.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnnounce=useAnnounce;const react_1=require("react"),react_native_1=require("react-native"),extractTextFromReactElement_1=require("./extractTextFromReactElement");function useAnnounce(){return{announce:(0,react_1.useCallback)(async(e,i={})=>{const{queue:s=!1,delay:n=0,onlyWhenScreenReaderEnabled:r=!0}=i;if(r&&!await react_native_1.AccessibilityInfo.isScreenReaderEnabled())return;const t=typeof e=="string"?e:(0,extractTextFromReactElement_1.extractTextFromReactElement)(e),c=()=>{react_native_1.AccessibilityInfo.announceForAccessibilityWithOptions?react_native_1.AccessibilityInfo.announceForAccessibilityWithOptions(t,{queue:s}):react_native_1.AccessibilityInfo.announceForAccessibility&&react_native_1.AccessibilityInfo.announceForAccessibility(t)};n>0?setTimeout(c,n):c()},[])}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnnounce=useAnnounce;const react_1=require("react"),react_native_1=require("react-native"),extractTextFromReactElement_js_1=require("./extractTextFromReactElement.js");function useAnnounce(){return{announce:(0,react_1.useCallback)(async(e,i={})=>{const{queue:s=!1,delay:n=0,onlyWhenScreenReaderEnabled:r=!0}=i;if(r&&!await react_native_1.AccessibilityInfo.isScreenReaderEnabled())return;const t=typeof e=="string"?e:(0,extractTextFromReactElement_js_1.extractTextFromReactElement)(e),c=()=>{react_native_1.AccessibilityInfo.announceForAccessibilityWithOptions?react_native_1.AccessibilityInfo.announceForAccessibilityWithOptions(t,{queue:s}):react_native_1.AccessibilityInfo.announceForAccessibility&&react_native_1.AccessibilityInfo.announceForAccessibility(t)};n>0?setTimeout(c,n):c()},[])}}

package/dist/esm/components/agreement/AgreementButton.d.ts

@@ -1,6 +1,6 @@
-import { CheckboxProps } from '../checkbox';
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { CheckboxProps } from '../checkbox/index.js';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface AgreementButtonProps extends Pick<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange'> {
     children?: ReactNode;
     style?: StyleProp<ViewStyle>;

package/dist/esm/components/agreement/AgreementButton.js

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{Checkbox as g}from"../checkbox";import{useAdaptive as h}from"../../core";import{Txt as u}from"../txt";import{useControlled as y}from"../../utils";import{useCallback as C,useState as k}from"react";import{StyleSheet as x}from"react-native";import{PADDING_LEFT as b,PADDING_RIGHT as P}from"./const";export function AgreementButton({children:a,style:l,checked:c,defaultChecked:d=!1,onCheckedChange:t}){const e=h(),[m,r]=k(!1),[p,o]=y({controlledValue:c,defaultValue:d}),f=C(s=>{t?.(s),o(s)},[t,o]);return n(g.Line,{checked:p,size:24,style:[{backgroundColor:m?e.opacity200:e.grey100,...i.pressableContainer},l],onCheckedChange:f,onPressIn:()=>r(!0),onPressOut:()=>r(!1),children:n(u,{typography:"st8",fontWeight:"semiBold",color:e.grey800,style:i.txt,children:a})})}const i=x.create({pressableContainer:{borderRadius:16,paddingLeft:b,paddingRight:P,paddingVertical:16,marginHorizontal:20,marginVertical:10},txt:{marginLeft:8}});
+"use strict";import{jsx as n}from"react/jsx-runtime";import{Checkbox as g}from"../checkbox/index.js";import{useAdaptive as h}from"../../core/index.js";import{Txt as u}from"../txt/index.js";import{useControlled as y}from"../../utils/index.js";import{useCallback as C,useState as k}from"react";import{StyleSheet as x}from"react-native";import{PADDING_LEFT as b,PADDING_RIGHT as P}from"./const.js";export function AgreementButton({children:a,style:l,checked:c,defaultChecked:d=!1,onCheckedChange:t}){const e=h(),[m,r]=k(!1),[p,o]=y({controlledValue:c,defaultValue:d}),f=C(s=>{t?.(s),o(s)},[t,o]);return n(g.Line,{checked:p,size:24,style:[{backgroundColor:m?e.opacity200:e.grey100,...i.pressableContainer},l],onCheckedChange:f,onPressIn:()=>r(!0),onPressOut:()=>r(!1),children:n(u,{typography:"st8",fontWeight:"semiBold",color:e.grey800,style:i.txt,children:a})})}const i=x.create({pressableContainer:{borderRadius:16,paddingLeft:b,paddingRight:P,paddingVertical:16,marginHorizontal:20,marginVertical:10},txt:{marginLeft:8}});

package/dist/esm/components/agreement/AgreementDescription.d.ts

@@ -1,5 +1,5 @@
-import { TxtProps } from '../txt';
-import { Indent } from './types';
+import type { TxtProps } from '../txt/index.js';
+import type { Indent } from './types.js';
 interface AgreementDescriptionProps extends Pick<TxtProps, 'children' | 'style'> {
     indent: Indent;
 }

package/dist/esm/components/agreement/AgreementDescription.js

@@ -1 +1 @@
-"use strict";import{jsx as p}from"react/jsx-runtime";import{useAdaptive as m}from"../../core";import{Txt as n}from"../txt";import{StyleSheet as a}from"react-native";import{INDENT_WIDTH as s,PADDING_LEFT as d,PADDING_RIGHT as c}from"./const";export function AgreementDescription({children:t,indent:r,style:e,...o}){const i=m();return p(n,{typography:"t7",color:i.grey500,style:[{paddingLeft:d+s*r},f.txt,e],...o,children:t})}const f=a.create({txt:{paddingRight:c,paddingVertical:6}});
+"use strict";import{jsx as p}from"react/jsx-runtime";import{useAdaptive as m}from"../../core/index.js";import{Txt as n}from"../txt/index.js";import{StyleSheet as a}from"react-native";import{INDENT_WIDTH as s,PADDING_LEFT as d,PADDING_RIGHT as c}from"./const.js";export function AgreementDescription({children:t,indent:r,style:e,...o}){const i=m();return p(n,{typography:"t7",color:i.grey500,style:[{paddingLeft:d+s*r},f.txt,e],...o,children:t})}const f=a.create({txt:{paddingRight:c,paddingVertical:6}});

package/dist/esm/components/agreement/AgreementField.d.ts

@@ -1,7 +1,8 @@
-import { CheckboxProps } from '../checkbox';
-import { ComponentProps, ReactNode } from 'react';
-import { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import BaseAgreementField, { BaseAgreementFieldProps } from './BaseAgreementField';
+import type { CheckboxProps } from '../checkbox/index.js';
+import type { ComponentProps, ReactNode } from 'react';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { BaseAgreementFieldProps } from './BaseAgreementField.js';
+import BaseAgreementField from './BaseAgreementField.js';
 type AgreementFieldType = 'big-bold' | 'medium-bold' | 'medium-regular';
 interface AgreementFieldProps extends Pick<BaseAgreementFieldProps, 'indent' | 'withBorder'> {
     children?: ReactNode;
@@ -20,7 +21,7 @@ interface AgreementFieldProps extends Pick<BaseAgreementFieldProps, 'indent' | '
 }
 declare function AgreementField({ children, type, addonText, arrow, indent, withBorder, style, onPress, onActionPress, }: AgreementFieldProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AgreementField {
-    var AddonText: ({ color, style, ...props }: Omit<import("../txt").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
+    var AddonText: ({ color, style, ...props }: Omit<import("../txt/Txt.js").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
     var Arrow: ({ color, type, open, style, }: {
         color?: string | undefined;
         style?: StyleProp<ViewStyle>;

package/dist/esm/components/agreement/AgreementField.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as T}from"react/jsx-runtime";import{Checkbox as j}from"../checkbox";import{PressableEffect as C,usePressAnim as B}from"../../interactions/pressable-effect";import{useControlled as F}from"../../utils";import{useCallback as z}from"react";import{Animated as H,Pressable as I,StyleSheet as L,View as n}from"react-native";import o from"./BaseAgreementField";function P({children:f,type:s,addonText:c,arrow:t,indent:l,withBorder:m,style:x,onPress:a,onActionPress:d}){const g=contentTextPropsMap[s],u=z(h=>{a?.(h),d?.(h)},[a,d]);return e(C,{underlay:e(C.Underlay,{style:V[s]}),style:[{flex:1},x],onPress:a!=null||d!=null?u:void 0,children:e(o,{content:e(o.ContentText,{...g,style:i.contentText,children:f}),indent:l,withBorder:m,right:e(n,{style:{marginTop:marginTopMap[s]},children:T(n,{style:i.rightContainer,children:[c!=null?e(n,{style:[i.addonTextContainer,{marginRight:t==null?8:4}],children:c}):null,t]})})})})}function M({children:f,checked:s,defaultChecked:c=!1,type:t,addonText:l,arrow:m,indent:x,withBorder:a,style:d,onCheckedChange:g,onPress:u,onActionPress:h}){const k=contentTextPropsMap[t],[p,A]=F({controlledValue:s,defaultValue:c}),R=z(r=>{g?.(r),A(r)},[g,A]),{opacityAnim:w,scaleAnim:O,startPressInAnim:y,startPressOutAnim:b}=B({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:0}});return e(n,{style:[{flex:1},d],children:T(H.View,{style:{transform:[{scale:O}]},children:[e(C.Underlay,{style:[V[t],{opacity:w}]}),e(I,{onPress:r=>{u?.(r),R(!p)},onPressIn:y,onPressOut:b,children:e(o,{left:e(j.Line,{size:24,checked:p,onPress:r=>{u?.(r),R(!p)},onPressIn:y,onPressOut:b,style:{marginTop:marginTopMap[t],marginRight:8,alignItems:"flex-start"}}),content:e(o.ContentText,{...k,style:i.contentText,children:f}),indent:x,withBorder:a,right:m!=null?e(I,{style:{paddingLeft:16,paddingRight:16},onPress:r=>{h?.(r)},onPressIn:y,onPressOut:b,children:e(n,{style:{marginTop:marginTopMap[t]},children:T(n,{style:i.rightContainer,children:[l!=null?e(n,{style:[i.addonTextContainer,{marginRight:4}],children:l}):null,m]})})}):e(n,{style:{marginTop:marginTopMap[t]},children:e(n,{style:i.rightContainer,children:l!=null?e(n,{style:[i.addonTextContainer,{marginRight:8}],children:l}):null})})})})]})})}export const marginTopMap={"big-bold":18,"medium-bold":6,"medium-regular":6},contentTextPropsMap={"big-bold":{size:"big",fontWeight:"bold"},"medium-bold":{size:"medium",fontWeight:"bold"},"medium-regular":{size:"medium",fontWeight:"regular"}};const V={"big-bold":{borderRadius:12,marginVertical:4,marginHorizontal:6},"medium-bold":{borderRadius:8,marginVertical:0,marginHorizontal:6},"medium-regular":{borderRadius:8,marginVertical:0,marginHorizontal:6}},i=L.create({contentText:{flex:1},rightContainer:{flexDirection:"row",alignItems:"center"},addonTextContainer:{marginLeft:8}});P.AddonText=o.AddonText,P.Arrow=o.Arrow;export{M as CheckboxAgreementField,P as AgreementField};
+"use strict";import{jsx as e,jsxs as T}from"react/jsx-runtime";import{Checkbox as j}from"../checkbox/index.js";import{PressableEffect as C,usePressAnim as B}from"../../interactions/pressable-effect/index.js";import{useControlled as F}from"../../utils/index.js";import{useCallback as z}from"react";import{Animated as H,Pressable as I,StyleSheet as L,View as n}from"react-native";import o from"./BaseAgreementField.js";function P({children:f,type:s,addonText:c,arrow:t,indent:l,withBorder:m,style:x,onPress:a,onActionPress:d}){const g=contentTextPropsMap[s],u=z(h=>{a?.(h),d?.(h)},[a,d]);return e(C,{underlay:e(C.Underlay,{style:V[s]}),style:[{flex:1},x],onPress:a!=null||d!=null?u:void 0,children:e(o,{content:e(o.ContentText,{...g,style:i.contentText,children:f}),indent:l,withBorder:m,right:e(n,{style:{marginTop:marginTopMap[s]},children:T(n,{style:i.rightContainer,children:[c!=null?e(n,{style:[i.addonTextContainer,{marginRight:t==null?8:4}],children:c}):null,t]})})})})}function M({children:f,checked:s,defaultChecked:c=!1,type:t,addonText:l,arrow:m,indent:x,withBorder:a,style:d,onCheckedChange:g,onPress:u,onActionPress:h}){const k=contentTextPropsMap[t],[p,A]=F({controlledValue:s,defaultValue:c}),R=z(r=>{g?.(r),A(r)},[g,A]),{opacityAnim:w,scaleAnim:O,startPressInAnim:y,startPressOutAnim:b}=B({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:0}});return e(n,{style:[{flex:1},d],children:T(H.View,{style:{transform:[{scale:O}]},children:[e(C.Underlay,{style:[V[t],{opacity:w}]}),e(I,{onPress:r=>{u?.(r),R(!p)},onPressIn:y,onPressOut:b,children:e(o,{left:e(j.Line,{size:24,checked:p,onPress:r=>{u?.(r),R(!p)},onPressIn:y,onPressOut:b,style:{marginTop:marginTopMap[t],marginRight:8,alignItems:"flex-start"}}),content:e(o.ContentText,{...k,style:i.contentText,children:f}),indent:x,withBorder:a,right:m!=null?e(I,{style:{paddingLeft:16,paddingRight:16},onPress:r=>{h?.(r)},onPressIn:y,onPressOut:b,children:e(n,{style:{marginTop:marginTopMap[t]},children:T(n,{style:i.rightContainer,children:[l!=null?e(n,{style:[i.addonTextContainer,{marginRight:4}],children:l}):null,m]})})}):e(n,{style:{marginTop:marginTopMap[t]},children:e(n,{style:i.rightContainer,children:l!=null?e(n,{style:[i.addonTextContainer,{marginRight:8}],children:l}):null})})})})]})})}export const marginTopMap={"big-bold":18,"medium-bold":6,"medium-regular":6},contentTextPropsMap={"big-bold":{size:"big",fontWeight:"bold"},"medium-bold":{size:"medium",fontWeight:"bold"},"medium-regular":{size:"medium",fontWeight:"regular"}};const V={"big-bold":{borderRadius:12,marginVertical:4,marginHorizontal:6},"medium-bold":{borderRadius:8,marginVertical:0,marginHorizontal:6},"medium-regular":{borderRadius:8,marginVertical:0,marginHorizontal:6}},i=L.create({contentText:{flex:1},rightContainer:{flexDirection:"row",alignItems:"center"},addonTextContainer:{marginLeft:8}});P.AddonText=o.AddonText,P.Arrow=o.Arrow;export{M as CheckboxAgreementField,P as AgreementField};

package/dist/esm/components/agreement/AgreementGroup.d.ts

@@ -1,6 +1,6 @@
-import { ViewProps } from 'react-native';
-import { CheckboxAgreementFieldProps } from './AgreementField';
-import { Indent } from './types';
+import type { ViewProps } from 'react-native';
+import type { CheckboxAgreementFieldProps } from './AgreementField.js';
+import type { Indent } from './types.js';
 type AgreementGroupProps = ViewProps & {
     indent: Indent;
 };

package/dist/esm/components/agreement/AgreementGroup.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{Checkbox as I}from"../checkbox";import{useControlled as T}from"../../utils";import{useCallback as y}from"react";import{Pressable as C,StyleSheet as D,View as m}from"react-native";import{contentTextPropsMap as G,marginTopMap as P}from"./AgreementField";import c from"./BaseAgreementField";import{INDENT_WIDTH as A,PADDING_LEFT as k,PADDING_RIGHT as w}from"./const";function _({style:o,indent:r,...n}){return e(m,{style:[{paddingLeft:k+A*r,marginHorizontal:-i},s.groupContainer,o],children:e(m,{style:[s.group],...n})})}function L({children:o,type:r,style:n,checked:d,defaultChecked:f=!1,onCheckedChange:a,onPress:g,onActionPress:u}){const h=G[r],[l,p]=T({controlledValue:d,defaultValue:f}),x=y(t=>{a?.(t),p(t)},[a,p]);return e(C,{style:[s.groupItem,n],onPress:t=>{g?.(t),u?.(t),x(!l)},children:e(c,{left:e(I.Line,{size:24,checked:l,style:{marginTop:P[r],marginRight:8,alignItems:"flex-start"}}),content:e(c.ContentText,{...h,children:o}),withBorder:!1,indent:0,style:{paddingLeft:i,paddingRight:i}})})}const i=12,s=D.create({groupContainer:{paddingRight:w},group:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around"},groupItem:{minWidth:"33.3%",flexGrow:1}});export{_ as AgreementGroup,L as AgreementGroupItem};
+"use strict";import{jsx as e}from"react/jsx-runtime";import{Checkbox as I}from"../checkbox/index.js";import{useControlled as T}from"../../utils/index.js";import{useCallback as y}from"react";import{Pressable as C,StyleSheet as D,View as m}from"react-native";import{contentTextPropsMap as G,marginTopMap as P}from"./AgreementField.js";import c from"./BaseAgreementField.js";import{INDENT_WIDTH as A,PADDING_LEFT as k,PADDING_RIGHT as w}from"./const.js";function _({style:o,indent:r,...n}){return e(m,{style:[{paddingLeft:k+A*r,marginHorizontal:-i},s.groupContainer,o],children:e(m,{style:[s.group],...n})})}function L({children:o,type:r,style:n,checked:d,defaultChecked:f=!1,onCheckedChange:a,onPress:g,onActionPress:u}){const h=G[r],[l,p]=T({controlledValue:d,defaultValue:f}),x=y(t=>{a?.(t),p(t)},[a,p]);return e(C,{style:[s.groupItem,n],onPress:t=>{g?.(t),u?.(t),x(!l)},children:e(c,{left:e(I.Line,{size:24,checked:l,style:{marginTop:P[r],marginRight:8,alignItems:"flex-start"}}),content:e(c.ContentText,{...h,children:o}),withBorder:!1,indent:0,style:{paddingLeft:i,paddingRight:i}})})}const i=12,s=D.create({groupContainer:{paddingRight:w},group:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around"},groupItem:{minWidth:"33.3%",flexGrow:1}});export{_ as AgreementGroup,L as AgreementGroupItem};

package/dist/esm/components/agreement/BaseAgreementField.d.ts

@@ -1,8 +1,8 @@
-import { Icon } from '../icon';
-import { TxtProps } from '../txt';
-import { ComponentProps, ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { Indent } from './types';
+import { Icon } from '../icon/index.js';
+import type { TxtProps } from '../txt/index.js';
+import type { ComponentProps, ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { Indent } from './types.js';
 export interface BaseAgreementFieldProps {
     left?: ReactNode;
     content: ReactNode;

package/dist/esm/components/agreement/BaseAgreementField.js

@@ -1 +1 @@
-"use strict";import{jsxs as d,jsx as n,Fragment as u}from"react/jsx-runtime";import{useAdaptive as l}from"../../core";import{Border as y}from"../border";import{Icon as A}from"../icon";import{Txt as c}from"../txt";import{Component as x,useCallback as h,useEffect as T}from"react";import{Animated as p,StyleSheet as I,View as D}from"react-native";import{INDENT_WIDTH as F,PADDING_LEFT as b,PADDING_RIGHT as w}from"./const";import{useAnimatedRotateValue as B}from"./useAnimatedRotateValue";function s({left:t,content:e,right:r,indent:o,withBorder:i,style:a}){return d(u,{children:[d(D,{style:[{paddingLeft:b+F*o},f.container,a],children:[t,e,r]}),i?n(y,{type:"padding24",style:f.border}):null]})}function C({size:t,color:e,style:r,...o}){const i=l();return n(c,{typography:_[t],color:e??i.grey700,style:[{paddingVertical:j[t]},r],...o})}const _={big:"t4",medium:"t6"},j={big:16,medium:6};function N({color:t,style:e,...r}){return n(c,{typography:"t7",color:t,style:e,...r})}class R extends x{render(){return n(A,{...this.props})}}const V=p.createAnimatedComponent(R);function v({color:t,type:e="link",open:r=!1,style:o}){const i=l(),a=h(()=>e==="collapsible"?r?-90:90:0,[r,e]),{rotate:g,startAnimation:m}=B(a(),{min:-90,max:90});return T(()=>{m(a()).start()},[a,m]),n(p.View,{style:o,children:n(V,{name:"icon-arrow-right-mono",color:t??i.grey400,style:{transform:[{rotate:g}]}})})}const f=I.create({container:{flexDirection:"row",paddingRight:w},content:{flex:1},border:{marginBottom:16}});export default s;s.ContentText=C,s.Arrow=v,s.AddonText=N;
+"use strict";import{jsxs as d,jsx as n,Fragment as u}from"react/jsx-runtime";import{useAdaptive as l}from"../../core/index.js";import{Border as y}from"../border/index.js";import{Icon as A}from"../icon/index.js";import{Txt as c}from"../txt/index.js";import{Component as x,useCallback as h,useEffect as T}from"react";import{Animated as p,StyleSheet as I,View as D}from"react-native";import{INDENT_WIDTH as F,PADDING_LEFT as b,PADDING_RIGHT as w}from"./const.js";import{useAnimatedRotateValue as B}from"./useAnimatedRotateValue.js";function s({left:t,content:e,right:r,indent:o,withBorder:i,style:a}){return d(u,{children:[d(D,{style:[{paddingLeft:b+F*o},f.container,a],children:[t,e,r]}),i?n(y,{type:"padding24",style:f.border}):null]})}function C({size:t,color:e,style:r,...o}){const i=l();return n(c,{typography:_[t],color:e??i.grey700,style:[{paddingVertical:j[t]},r],...o})}const _={big:"t4",medium:"t6"},j={big:16,medium:6};function N({color:t,style:e,...r}){return n(c,{typography:"t7",color:t,style:e,...r})}class R extends x{render(){return n(A,{...this.props})}}const V=p.createAnimatedComponent(R);function v({color:t,type:e="link",open:r=!1,style:o}){const i=l(),a=h(()=>e==="collapsible"?r?-90:90:0,[r,e]),{rotate:g,startAnimation:m}=B(a(),{min:-90,max:90});return T(()=>{m(a()).start()},[a,m]),n(p.View,{style:o,children:n(V,{name:"icon-arrow-right-mono",color:t??i.grey400,style:{transform:[{rotate:g}]}})})}const f=I.create({container:{flexDirection:"row",paddingRight:w},content:{flex:1},border:{marginBottom:16}});export default s;s.ContentText=C,s.Arrow=v,s.AddonText=N;

package/dist/esm/components/agreement/Collapsible/AgreementCollapsibleTrigger.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export declare function AgreementCollapsibleTrigger({ children }: {
     children: ReactElement;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/agreement/Collapsible/AgreementCollapsibleTrigger.js

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{useAdaptive as l}from"../../../core";import{useContext as f,useEffect as g,useMemo as u}from"react";import c from"../BaseAgreementField";import{useAnimatedRotateValue as A}from"../useAnimatedRotateValue";import{CollapsibleContext as d}from"./CollapsibleContext";import{CollapsibleTrigger as x}from"./CollapsibleTrigger";export function AgreementCollapsibleTrigger({children:o}){const{open:r,onTrigger:i}=f(d),m=l(),e=u(()=>()=>r?90:0,[r]),{rotate:p,startAnimation:s}=A(e(),{min:0,max:90});g(()=>{s(e()).start()},[e,s]);const a={arrow:n(c.Arrow,{color:r?m.grey600:void 0,style:{transform:[{rotate:p}]}}),onActionPress:t=>{o.props.onActionPress?.(t),i()},onPress:t=>{o.props.onPress?.(t)}};return n(x,{overrideProps:a,children:o})}
+"use strict";import{jsx as n}from"react/jsx-runtime";import{useAdaptive as l}from"../../../core/index.js";import{useContext as f,useEffect as g,useMemo as u}from"react";import c from"../BaseAgreementField.js";import{useAnimatedRotateValue as A}from"../useAnimatedRotateValue.js";import{CollapsibleContext as d}from"./CollapsibleContext.js";import{CollapsibleTrigger as x}from"./CollapsibleTrigger.js";export function AgreementCollapsibleTrigger({children:o}){const{open:r,onTrigger:i}=f(d),m=l(),e=u(()=>()=>r?90:0,[r]),{rotate:p,startAnimation:s}=A(e(),{min:0,max:90});g(()=>{s(e()).start()},[e,s]);const a={arrow:n(c.Arrow,{color:r?m.grey600:void 0,style:{transform:[{rotate:p}]}}),onActionPress:t=>{o.props.onActionPress?.(t),i()},onPress:t=>{o.props.onPress?.(t)}};return n(x,{overrideProps:a,children:o})}

package/dist/esm/components/agreement/Collapsible/Collapsible.js

@@ -1 +1 @@
-"use strict";import{jsx as f}from"react/jsx-runtime";import{useControlled as u}from"../../../utils";import{forwardRef as p,useCallback as m,useImperativeHandle as c}from"react";import{CollapsibleContext as d}from"./CollapsibleContext";export const Collapsible=p(function({children:t,open:s,defaultOpen:i=!1,onOpenChange:l},a){const[e,o]=u({controlledValue:s,defaultValue:i}),r=m(()=>{l?.(!e),o(!e)},[e,l]);return c(a,()=>({isOpen:e,toggle:r,close:()=>{l?.(!1),o(!1)},open:()=>{l?.(!0),o(!0)}}),[l,e]),f(d.Provider,{value:{open:e,onTrigger:r},children:t})});
+"use strict";import{jsx as f}from"react/jsx-runtime";import{useControlled as u}from"../../../utils/index.js";import{forwardRef as p,useCallback as m,useImperativeHandle as c}from"react";import{CollapsibleContext as d}from"./CollapsibleContext.js";export const Collapsible=p(function({children:t,open:s,defaultOpen:i=!1,onOpenChange:l},a){const[e,o]=u({controlledValue:s,defaultValue:i}),r=m(()=>{l?.(!e),o(!e)},[e,l]);return c(a,()=>({isOpen:e,toggle:r,close:()=>{l?.(!1),o(!1)},open:()=>{l?.(!0),o(!0)}}),[l,e]),f(d.Provider,{value:{open:e,onTrigger:r},children:t})});

package/dist/esm/components/agreement/Collapsible/CollapsibleContent.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { PropsWithChildren } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export declare function CollapsibleContent({ children, style, }: PropsWithChildren<{
     style?: StyleProp<ViewStyle>;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/agreement/Collapsible/CollapsibleContent.js

@@ -1 +1 @@
-"use strict";import{jsx as s}from"react/jsx-runtime";import{spring as m}from"@toss/tds-easings";import{useCallback as p,useContext as h,useEffect as C,useRef as a}from"react";import{Animated as n,StyleSheet as d,View as g}from"react-native";import{CollapsibleContext as y}from"./CollapsibleContext";const o=0;export function CollapsibleContent({children:u,style:c}){const{open:r}=h(y),i=a(o),e=a(new n.Value(o)).current,t=p(()=>{n.spring(e,{toValue:r?i.current:o,...m.quick,useNativeDriver:!1}).start()},[e,r]);return C(()=>{t()},[t]),s(n.View,{style:[l.outerContainer,{height:e},c],children:s(g,{style:l.innerContainer,onLayout:f=>{i.current=f.nativeEvent.layout.height,t()},children:u})})}const l=d.create({outerContainer:{overflow:"hidden"},innerContainer:{position:"absolute",top:0,left:0,width:"100%"}});
+"use strict";import{jsx as s}from"react/jsx-runtime";import{spring as m}from"@toss/tds-easings";import{useCallback as p,useContext as h,useEffect as C,useRef as a}from"react";import{Animated as n,StyleSheet as d,View as g}from"react-native";import{CollapsibleContext as y}from"./CollapsibleContext.js";const o=0;export function CollapsibleContent({children:u,style:c}){const{open:r}=h(y),i=a(o),e=a(new n.Value(o)).current,t=p(()=>{n.spring(e,{toValue:r?i.current:o,...m.quick,useNativeDriver:!1}).start()},[e,r]);return C(()=>{t()},[t]),s(n.View,{style:[l.outerContainer,{height:e},c],children:s(g,{style:l.innerContainer,onLayout:f=>{i.current=f.nativeEvent.layout.height,t()},children:u})})}const l=d.create({outerContainer:{overflow:"hidden"},innerContainer:{position:"absolute",top:0,left:0,width:"100%"}});

package/dist/esm/components/agreement/Collapsible/CollapsibleTrigger.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 export declare function CollapsibleTrigger<T>({ children, overrideProps }: PropsWithChildren<{
     overrideProps: T;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/agreement/Collapsible/CollapsibleTrigger.js

@@ -1 +1 @@
-"use strict";import{Fragment as s,jsx as n}from"react/jsx-runtime";import{cloneElement as l,isValidElement as p,useContext as i}from"react";import{CollapsibleContext as m}from"./CollapsibleContext";export function CollapsibleTrigger({children:e,overrideProps:o}){const{onTrigger:r}=i(m);return p(e)?l(e,{...e.props,onPress:t=>{e.props.onPress?.(t),r?.()},...o}):(console.error("ReactElement expected as children of CollapsibleTrigger"),n(s,{children:e}))}
+"use strict";import{Fragment as s,jsx as n}from"react/jsx-runtime";import{cloneElement as l,isValidElement as p,useContext as i}from"react";import{CollapsibleContext as m}from"./CollapsibleContext.js";export function CollapsibleTrigger({children:e,overrideProps:o}){const{onTrigger:r}=i(m);return p(e)?l(e,{...e.props,onPress:t=>{e.props.onPress?.(t),r?.()},...o}):(console.error("ReactElement expected as children of CollapsibleTrigger"),n(s,{children:e}))}

package/dist/esm/components/agreement/Collapsible/index.d.ts

@@ -1,5 +1,5 @@
-export { Collapsible } from './Collapsible';
-export type { CollapsibleRef, CollapsibleProps } from './Collapsible';
-export { AgreementCollapsibleTrigger } from './AgreementCollapsibleTrigger';
-export { CollapsibleContent } from './CollapsibleContent';
-export { CollapsibleTrigger } from './CollapsibleTrigger';
+export { Collapsible } from './Collapsible.js';
+export type { CollapsibleRef, CollapsibleProps } from './Collapsible.js';
+export { AgreementCollapsibleTrigger } from './AgreementCollapsibleTrigger.js';
+export { CollapsibleContent } from './CollapsibleContent.js';
+export { CollapsibleTrigger } from './CollapsibleTrigger.js';

package/dist/esm/components/agreement/Collapsible/index.js

@@ -1 +1 @@
-"use strict";export{Collapsible}from"./Collapsible";export{AgreementCollapsibleTrigger}from"./AgreementCollapsibleTrigger";export{CollapsibleContent}from"./CollapsibleContent";export{CollapsibleTrigger}from"./CollapsibleTrigger";
+"use strict";export{Collapsible}from"./Collapsible.js";export{AgreementCollapsibleTrigger}from"./AgreementCollapsibleTrigger.js";export{CollapsibleContent}from"./CollapsibleContent.js";export{CollapsibleTrigger}from"./CollapsibleTrigger.js";

package/dist/esm/components/agreement/index.d.ts

@@ -1,10 +1,10 @@
-import { AgreementButton } from './AgreementButton';
-import { AgreementDescription } from './AgreementDescription';
-import { AgreementField, CheckboxAgreementField } from './AgreementField';
-import { AgreementGroup, AgreementGroupItem } from './AgreementGroup';
-import { default as BaseAgreementField } from './BaseAgreementField';
-import { AgreementCollapsibleTrigger, CollapsibleContent } from './Collapsible';
-export type { CollapsibleRef } from './Collapsible';
+import { AgreementButton } from './AgreementButton.js';
+import { AgreementDescription } from './AgreementDescription.js';
+import { AgreementField, CheckboxAgreementField } from './AgreementField.js';
+import { AgreementGroup, AgreementGroupItem } from './AgreementGroup.js';
+import { default as BaseAgreementField } from './BaseAgreementField.js';
+import { AgreementCollapsibleTrigger, CollapsibleContent } from './Collapsible/index.js';
+export type { CollapsibleRef } from './Collapsible/index.js';
 export declare const Agreement: {
     BaseField: typeof BaseAgreementField;
     Field: typeof AgreementField;
@@ -17,10 +17,10 @@ export declare const Agreement: {
         open?: boolean;
         type?: "link" | "collapsible";
     }) => import("react/jsx-runtime").JSX.Element;
-    AddonText: ({ color, style, ...props }: Omit<import("../txt").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
-    Collapsible: import("react").ForwardRefExoticComponent<import("./Collapsible").CollapsibleProps & {
+    AddonText: ({ color, style, ...props }: Omit<import("../txt/Txt.js").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
+    Collapsible: import("react").ForwardRefExoticComponent<import("./Collapsible/Collapsible.js").CollapsibleProps & {
         children?: import("react").ReactNode | undefined;
-    } & import("react").RefAttributes<import("./Collapsible").CollapsibleRef>>;
+    } & import("react").RefAttributes<import("./Collapsible/Collapsible.js").CollapsibleRef>>;
     CollapsibleTrigger: typeof AgreementCollapsibleTrigger;
     CollapsibleContent: typeof CollapsibleContent;
     Group: typeof AgreementGroup;

package/dist/esm/components/agreement/index.js

@@ -1 +1 @@
-"use strict";import{AgreementButton as o}from"./AgreementButton";import{AgreementDescription as r}from"./AgreementDescription";import{AgreementField as e,CheckboxAgreementField as t}from"./AgreementField";import{AgreementGroup as l,AgreementGroupItem as i}from"./AgreementGroup";import{default as m}from"./BaseAgreementField";import{AgreementCollapsibleTrigger as n,Collapsible as p,CollapsibleContent as g}from"./Collapsible";export const Agreement={BaseField:m,Field:e,CheckboxField:t,Description:r,Button:o,Arrow:e.Arrow,AddonText:e.AddonText,Collapsible:p,CollapsibleTrigger:n,CollapsibleContent:g,Group:l,GroupItem:i};
+"use strict";import{AgreementButton as o}from"./AgreementButton.js";import{AgreementDescription as r}from"./AgreementDescription.js";import{AgreementField as e,CheckboxAgreementField as t}from"./AgreementField.js";import{AgreementGroup as l,AgreementGroupItem as i}from"./AgreementGroup.js";import{default as m}from"./BaseAgreementField.js";import{AgreementCollapsibleTrigger as n,Collapsible as p,CollapsibleContent as g}from"./Collapsible/index.js";export const Agreement={BaseField:m,Field:e,CheckboxField:t,Description:r,Button:o,Arrow:e.Arrow,AddonText:e.AddonText,Collapsible:p,CollapsibleTrigger:n,CollapsibleContent:g,Group:l,GroupItem:i};

package/dist/esm/components/amount-top/AmountTop.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { PressableProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { PressableProps } from 'react-native';
 export interface AmountTopProps {
     topPadding?: 0 | 64 | 80;
     bottomPadding?: 0 | 16 | 24;

package/dist/esm/components/amount-top/AmountTop.js

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{cloneElement as h}from"react";import{Pressable as p,View as r}from"react-native";import{useAdaptive as m}from"../../core";import{isReactText as x}from"../../utils";import{Txt as u}from"../txt";function l({topPadding:d=64,bottomPadding:e=0,horizontalPadding:o=24,subTitle:i,title:n,button:s}){const f=m(),c=s!=null?h(s,{size:"medium"}):null;return a(r,{style:{paddingTop:d,paddingBottom:e,paddingHorizontal:o},children:[typeof i=="string"?t(l.SubTitle,{children:i}):i,a(r,{style:{flexDirection:"row",alignItems:"flex-end"},children:[t(r,{style:{flex:1,marginTop:7},accessibilityRole:"header",accessible:!0,children:x(n)?t(u,{typography:"t1",fontWeight:"semiBold",color:f.grey900,children:n}):n}),c!=null&&t(r,{children:c})]})]})}l.SubTitle=function(e){const o=m(),i=e.underline??e.onPress!==void 0,n=t(u,{typography:"st11",color:o.grey800,style:i?{textDecorationLine:"underline"}:void 0,children:e.children});return e.onPress!==void 0?t(p,{onPress:e.onPress,children:n}):n};export default l;
+"use strict";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{cloneElement as h}from"react";import{Pressable as p,View as r}from"react-native";import{useAdaptive as m}from"../../core/index.js";import{isReactText as x}from"../../utils/index.js";import{Txt as u}from"../txt/index.js";function l({topPadding:d=64,bottomPadding:e=0,horizontalPadding:o=24,subTitle:i,title:n,button:s}){const f=m(),c=s!=null?h(s,{size:"medium"}):null;return a(r,{style:{paddingTop:d,paddingBottom:e,paddingHorizontal:o},children:[typeof i=="string"?t(l.SubTitle,{children:i}):i,a(r,{style:{flexDirection:"row",alignItems:"flex-end"},children:[t(r,{style:{flex:1,marginTop:7},accessibilityRole:"header",accessible:!0,children:x(n)?t(u,{typography:"t1",fontWeight:"semiBold",color:f.grey900,children:n}):n}),c!=null&&t(r,{children:c})]})]})}l.SubTitle=function(e){const o=m(),i=e.underline??e.onPress!==void 0,n=t(u,{typography:"st11",color:o.grey800,style:i?{textDecorationLine:"underline"}:void 0,children:e.children});return e.onPress!==void 0?t(p,{onPress:e.onPress,children:n}):n};export default l;

package/dist/esm/components/amount-top/index.d.ts

@@ -1,2 +1,2 @@
-export { default as AmountTop } from './AmountTop';
-export type { AmountTopProps } from './AmountTop';
+export { default as AmountTop } from './AmountTop.js';
+export type { AmountTopProps } from './AmountTop.js';

package/dist/esm/components/amount-top/index.js

@@ -1 +1 @@
-"use strict";export{default as AmountTop}from"./AmountTop";
+"use strict";export{default as AmountTop}from"./AmountTop.js";