@toss/tds-react-native 1.3.4 → 1.3.5

package/dist/esm/components/asset/Image.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps } from 'react';
-import { ContentImage } from './blocks/ContentImage.js';
-import type { AssetCommonType } from './types.js';
+import { ContentImage } from './blocks/ContentImage';
+import type { AssetCommonType } from './types';
 type Props = AssetCommonType & ComponentProps<typeof ContentImage>;
 export declare function Image({ frameShape, backgroundColor, style, overlap, acc, accPosition, ...imageProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/asset/Image.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{ContentImage as p}from"./blocks/ContentImage.js";import{Frame as s}from"./blocks/Frame.js";export function Image({frameShape:r={},backgroundColor:t="transparent",style:a,overlap:e,acc:n,accPosition:m,...c}){return o(s,{shape:r,backgroundColor:t,style:a,overlap:e,acc:n,accPosition:m,content:o(p,{...c})})}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{ContentImage as p}from"./blocks/ContentImage";import{Frame as s}from"./blocks/Frame";export function Image({frameShape:r={},backgroundColor:t="transparent",style:a,overlap:e,acc:n,accPosition:m,...c}){return o(s,{shape:r,backgroundColor:t,style:a,overlap:e,acc:n,accPosition:m,content:o(p,{...c})})}

package/dist/esm/components/asset/Lottie.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps } from 'react';
-import { ContentLottie } from './blocks/ContentLottie.js';
-import type { AssetCommonType } from './types.js';
+import { ContentLottie } from './blocks/ContentLottie';
+import type { AssetCommonType } from './types';
 type Props = AssetCommonType & ComponentProps<typeof ContentLottie>;
 export declare function Lottie({ frameShape, backgroundColor, style, overlap, acc, accPosition, ...lottieProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/asset/Lottie.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{ContentLottie as m}from"./blocks/ContentLottie.js";import{Frame as p}from"./blocks/Frame.js";export function Lottie({frameShape:t={},backgroundColor:r="transparent",style:e,overlap:n,acc:a,accPosition:i,...c}){return o(p,{shape:t,backgroundColor:r,style:e,overlap:n,acc:a,accPosition:i,content:o(m,{...c})})}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{ContentLottie as m}from"./blocks/ContentLottie";import{Frame as p}from"./blocks/Frame";export function Lottie({frameShape:t={},backgroundColor:r="transparent",style:e,overlap:n,acc:a,accPosition:i,...c}){return o(p,{shape:t,backgroundColor:r,style:e,overlap:n,acc:a,accPosition:i,content:o(m,{...c})})}

package/dist/esm/components/asset/Resource/ResourceText.d.ts

@@ -1,4 +1,4 @@
-import type { TxtProps } from '../../txt/index.js';
+import type { TxtProps } from '../../txt/index';
 type Size = 24 | 19 | 17 | 15 | 13 | 11;
 interface ResourceTextProps extends TxtProps {
     size: Size;

package/dist/esm/components/asset/Resource/ResourceText.js

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{Txt as i}from"../../txt/index.js";export function ResourceText({children:t,color:o,size:e,style:r,...s}){return n(i,{fontWeight:"bold",typography:c[e],color:o,style:[{textAlign:"center"},r],...s,children:t})}const c={24:"st5",19:"st8",17:"t5",15:"t6",13:"t7",11:"st13"};
+"use strict";import{jsx as n}from"react/jsx-runtime";import{Txt as i}from"../../txt/index";export function ResourceText({children:t,color:o,size:e,style:r,...s}){return n(i,{fontWeight:"bold",typography:c[e],color:o,style:[{textAlign:"center"},r],...s,children:t})}const c={24:"st5",19:"st8",17:"t5",15:"t6",13:"t7",11:"st13"};

package/dist/esm/components/asset/Text.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps } from 'react';
-import { Frame } from './blocks/Frame.js';
-import { ResourceText } from './Resource/ResourceText.js';
-import type { AssetCommonType } from './types.js';
+import { Frame } from './blocks/Frame';
+import { ResourceText } from './Resource/ResourceText';
+import type { AssetCommonType } from './types';
 type TextProps = ComponentProps<typeof ResourceText>;
 type FrameProps = ComponentProps<typeof Frame>;
 type BaseProps = TextProps & AssetCommonType;

package/dist/esm/components/asset/Text.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{Frame as a}from"./blocks/Frame.js";import{ResourceText as c}from"./Resource/ResourceText.js";export function Text({frameShape:o,backgroundColor:e="transparent",color:t,size:n,children:m,...s}){return r(a,{...s,shape:o,backgroundColor:e,content:r(c,{size:n,color:t,children:m})})}
+"use strict";import{jsx as r}from"react/jsx-runtime";import{Frame as a}from"./blocks/Frame";import{ResourceText as c}from"./Resource/ResourceText";export function Text({frameShape:o,backgroundColor:e="transparent",color:t,size:n,children:m,...s}){return r(a,{...s,shape:o,backgroundColor:e,content:r(c,{size:n,color:t,children:m})})}

package/dist/esm/components/asset/blocks/AssetContext.d.ts

@@ -1,4 +1,4 @@
-import type { FrameShapeType } from '../types.js';
+import type { FrameShapeType } from '../types';
 export interface AssetContext {
     shape: FrameShapeType;
 }

package/dist/esm/components/asset/blocks/ContentIcon.d.ts

@@ -1,5 +1,5 @@
-import type { IconProps } from '../../icon/index.js';
-import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
+import type { IconProps } from '../../icon';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types';
 interface IconResourceProps extends Pick<IconProps, 'name' | 'color' | 'accessibilityLabel' | 'style'> {
     scale?: AssetResourceScale;
     scaleType?: AssetResourceScaleType;

package/dist/esm/components/asset/blocks/ContentIcon.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{Icon as f}from"../../icon/index.js";import{useContext as p,useMemo as u}from"react";import{View as x}from"react-native";import{AssetContext as l}from"./AssetContext.js";export function ContentIcon({name:i,color:s,scale:m=1,accessibilityLabel:a,scaleType:n="fit",style:c}){const{shape:t}=p(l),h=u(()=>{const e=t?.width??0,o=t?.height??0;if(Math.max(e,o)!==0)return n==="crop"?Math.max(e,o):Math.min(e,o)},[t,n]);return r(x,{style:{alignItems:"center"},children:r(f,{name:i,color:s,size:h,accessibilityLabel:a,style:[{transform:[{scale:m}]},c]})})}
+"use strict";import{jsx as r}from"react/jsx-runtime";import{Icon as f}from"../../icon";import{useContext as p,useMemo as u}from"react";import{View as x}from"react-native";import{AssetContext as l}from"./AssetContext";export function ContentIcon({name:i,color:s,scale:m=1,accessibilityLabel:a,scaleType:n="fit",style:c}){const{shape:t}=p(l),h=u(()=>{const e=t?.width??0,o=t?.height??0;if(Math.max(e,o)!==0)return n==="crop"?Math.max(e,o):Math.min(e,o)},[t,n]);return r(x,{style:{alignItems:"center"},children:r(f,{name:i,color:s,size:h,accessibilityLabel:a,style:[{transform:[{scale:m}]},c]})})}

package/dist/esm/components/asset/blocks/ContentImage.d.ts

@@ -1,6 +1,6 @@
 import { Image } from '@granite-js/react-native';
 import type { ComponentProps } from 'react';
-import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types';
 type ImageProps = ComponentProps<typeof Image>;
 interface ImageResourceProps extends Pick<ImageProps, 'source' | 'accessibilityLabel' | 'style'> {
     scale?: AssetResourceScale;

package/dist/esm/components/asset/blocks/ContentLottie.d.ts

@@ -1,6 +1,6 @@
 import { Lottie } from '@granite-js/react-native';
 import type { ComponentProps } from 'react';
-import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types';
 type LottieProps = Omit<ComponentProps<typeof Lottie>, 'height' | 'resizeMode' | 'autoSize'>;
 interface Props extends LottieProps {
     scale?: AssetResourceScale;

package/dist/esm/components/asset/blocks/Frame.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
-import type { FrameAccPositionType, FrameShapeType } from '../types.js';
+import type { FrameAccPositionType, FrameShapeType } from '../types';
 interface Props extends ViewProps {
     content: ReactNode;
     shape: FrameShapeType;

package/dist/esm/components/asset/blocks/Frame.js

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as k}from"react/jsx-runtime";import{colors as A}from"@toss/tds-colors";import{forwardRef as F,useMemo as c}from"react";import{StyleSheet as O,View as n}from"react-native";import{useAdaptive as _}from"../../../core/index.js";import{AssetContext as B}from"./AssetContext.js";export const Frame=F(function({shape:t={},content:y,backgroundColor:b,overlap:e,accPosition:o="bottom-right",acc:i,color:L,style:x,...v},j){const C=_(),d=b??C.grey100,S=c(()=>({width:t.width,height:t.height,borderRadius:t.radius,backgroundColor:d}),[d,t]),R=c(()=>e==null?{}:{shadowOffset:{width:t?.overlap?.x??0,height:t?.overlap?.y??0},shadowOpacity:1,shadowRadius:t?.overlap?.blur??0,shadowColor:e?.color??A.blue500},[e,t]),l=t.acc?.x??0,s=t.acc?.y??0,u=t.acc?.width??0,f=t.acc?.height??0,a=o?.includes("top")?s:void 0,m=o?.includes("right")?l:void 0,h=o?.includes("bottom")?s:void 0,g=o?.includes("left")?l:void 0,p=c(()=>({top:a,right:m,bottom:h,left:g,width:u,height:f}),[h,f,g,m,a,u]);return r(B.Provider,{value:{shape:t},children:k(n,{ref:j,style:[R,x],...v,children:[r(n,{style:[w.frame,S],children:y}),i!=null?r(n,{style:[w.acc,p],children:i}):void 0]})})});const w=O.create({frame:{justifyContent:"center",overflow:"hidden"},acc:{position:"absolute"}});
+"use strict";import{jsx as r,jsxs as k}from"react/jsx-runtime";import{colors as A}from"@toss/tds-colors";import{forwardRef as F,useMemo as c}from"react";import{StyleSheet as O,View as n}from"react-native";import{useAdaptive as _}from"../../../core";import{AssetContext as B}from"./AssetContext";export const Frame=F(function({shape:t={},content:y,backgroundColor:b,overlap:e,accPosition:o="bottom-right",acc:i,color:L,style:x,...v},j){const C=_(),d=b??C.grey100,S=c(()=>({width:t.width,height:t.height,borderRadius:t.radius,backgroundColor:d}),[d,t]),R=c(()=>e==null?{}:{shadowOffset:{width:t?.overlap?.x??0,height:t?.overlap?.y??0},shadowOpacity:1,shadowRadius:t?.overlap?.blur??0,shadowColor:e?.color??A.blue500},[e,t]),l=t.acc?.x??0,s=t.acc?.y??0,u=t.acc?.width??0,f=t.acc?.height??0,a=o?.includes("top")?s:void 0,m=o?.includes("right")?l:void 0,h=o?.includes("bottom")?s:void 0,g=o?.includes("left")?l:void 0,p=c(()=>({top:a,right:m,bottom:h,left:g,width:u,height:f}),[h,f,g,m,a,u]);return r(B.Provider,{value:{shape:t},children:k(n,{ref:j,style:[R,x],...v,children:[r(n,{style:[w.frame,S],children:y}),i!=null?r(n,{style:[w.acc,p],children:i}):void 0]})})});const w=O.create({frame:{justifyContent:"center",overflow:"hidden"},acc:{position:"absolute"}});

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

@@ -1,12 +1,12 @@
-import { Frame } from './blocks/Frame.js';
-import { ContentIcon } from './blocks/ContentIcon.js';
-import { ContentImage } from './blocks/ContentImage.js';
-import { ContentLottie } from './blocks/ContentLottie.js';
-import { Icon } from './Icon.js';
-import { Image } from './Image.js';
-import { Lottie } from './Lottie.js';
-import { Text } from './Text.js';
-import { frameShape } from './presets/frameShape.js';
+import { Frame } from './blocks/Frame';
+import { ContentIcon } from './blocks/ContentIcon';
+import { ContentImage } from './blocks/ContentImage';
+import { ContentLottie } from './blocks/ContentLottie';
+import { Icon } from './Icon';
+import { Image } from './Image';
+import { Lottie } from './Lottie';
+import { Text } from './Text';
+import { frameShape } from './presets/frameShape';
 interface CompoundComposition {
     Frame: typeof Frame;
     ContentIcon: typeof ContentIcon;
@@ -18,5 +18,5 @@ interface CompoundComposition {
     Text: typeof Text;
     frameShape: typeof frameShape;
 }
-export declare const Asset: (({ resource, frame, union, style }: import("./Asset.js").AssetProps) => import("react/jsx-runtime").JSX.Element) & CompoundComposition;
-export { frameShape } from './presets/frameShape.js';
+export declare const Asset: (({ resource, frame, union, style }: import("./Asset").AssetProps) => import("react/jsx-runtime").JSX.Element) & CompoundComposition;
+export { frameShape } from './presets/frameShape';

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

@@ -1 +1 @@
-"use strict";import{Asset as o}from"./Asset.js";import{Frame as t}from"./blocks/Frame.js";import{ContentIcon as m}from"./blocks/ContentIcon.js";import{ContentImage as r}from"./blocks/ContentImage.js";import{ContentLottie as e}from"./blocks/ContentLottie.js";import{Icon as p}from"./Icon.js";import{Image as f}from"./Image.js";import{Lottie as i}from"./Lottie.js";import{Text as n}from"./Text.js";import{frameShape as s}from"./presets/frameShape.js";export const Asset=Object.assign(o,{Frame:t,ContentIcon:m,ContentImage:r,ContentLottie:e,Icon:p,Image:f,Lottie:i,Text:n,frameShape:s});export{frameShape}from"./presets/frameShape.js";
+"use strict";import{Asset as o}from"./Asset";import{Frame as t}from"./blocks/Frame";import{ContentIcon as m}from"./blocks/ContentIcon";import{ContentImage as r}from"./blocks/ContentImage";import{ContentLottie as e}from"./blocks/ContentLottie";import{Icon as p}from"./Icon";import{Image as f}from"./Image";import{Lottie as i}from"./Lottie";import{Text as n}from"./Text";import{frameShape as s}from"./presets/frameShape";export const Asset=Object.assign(o,{Frame:t,ContentIcon:m,ContentImage:r,ContentLottie:e,Icon:p,Image:f,Lottie:i,Text:n,frameShape:s});export{frameShape}from"./presets/frameShape";

package/dist/esm/components/asset/presets/frameShape.d.ts

@@ -1,2 +1,2 @@
-import type { FrameShapeKeys, FrameShapeType } from '../types.js';
+import type { FrameShapeKeys, FrameShapeType } from '../types';
 export declare const frameShape: Record<FrameShapeKeys, FrameShapeType>;

package/dist/esm/components/badge/Badge.d.ts

@@ -1,5 +1,5 @@
-import type { ParagraphBadgeProps } from '../paragraph/index.js';
-import type { TypographyKeys } from '../txt/index.js';
+import type { ParagraphBadgeProps } from '../paragraph';
+import type { TypographyKeys } from '../txt';
 type Size = 'large' | 'medium' | 'small' | 'tiny';
 export interface BadgeProps extends Omit<ParagraphBadgeProps, 'typography'> {
     /**

package/dist/esm/components/badge/Badge.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{Badge as i}from"../paragraph/index.js";function n({size:t="small",fontWeight:a,...o}){const e=a??t==="tiny"?"semibold":"bold";return r(i,{typography:sizeVariant[t],fontWeight:e,...o})}export const sizeVariant={tiny:"t5",small:"t3",medium:"t2",large:"t1"};export default n;
+"use strict";import{jsx as r}from"react/jsx-runtime";import{Badge as i}from"../paragraph";function n({size:t="small",fontWeight:a,...o}){const e=a??t==="tiny"?"semibold":"bold";return r(i,{typography:sizeVariant[t],fontWeight:e,...o})}export const sizeVariant={tiny:"t5",small:"t3",medium:"t2",large:"t1"};export default n;

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

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

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

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

package/dist/esm/components/board-row/BoardRow.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{colors as l}from"@toss/tds-colors";import{useState as m}from"react";import{Pressable as u,View as t}from"react-native";import{useAdaptive as f}from"../../core/index.js";import{Border as y}from"../border/index.js";import{Icon as s}from"../icon/index.js";import{Txt as a}from"../txt/index.js";function n({title:d,icon:c,contents:g}){const[e,p]=m(!1),r=f();return i(t,{style:{flexDirection:"column"},children:[i(u,{accessibilityRole:"button",accessibilityState:{expanded:e},onPress:()=>{p(!e)},style:{paddingLeft:24,paddingTop:16,paddingBottom:15,paddingRight:16,flexDirection:"row"},children:[c,o(a,{fontWeight:"regular",color:e?l.blue500:r.grey700,typography:"t5",children:d}),o(t,{style:{flex:1}}),o(s,{name:"icn-arrow-rightwards",color:r.grey400,size:24,style:{transform:[{rotate:e?"90deg":"0deg"}]}})]}),e?null:o(y,{type:"padding24",style:{backgroundColor:r.grey200}}),e?o(t,{children:o(t,{style:{paddingHorizontal:24,paddingVertical:16,backgroundColor:r.greyBackground},children:g})}):null]})}n.QuestionIcon=h,n.QIcon=x;function h(){return o(t,{style:{paddingRight:16},children:o(s,{name:"icon-question-gray-fill",size:24})})}function x(){return o(a,{style:{fontSize:19,color:l.blue500,marginRight:8,lineHeight:23},children:"Q"})}export default n;
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{colors as l}from"@toss/tds-colors";import{useState as m}from"react";import{Pressable as u,View as t}from"react-native";import{useAdaptive as f}from"../../core";import{Border as y}from"../border";import{Icon as s}from"../icon";import{Txt as a}from"../txt";function n({title:d,icon:c,contents:g}){const[e,p]=m(!1),r=f();return i(t,{style:{flexDirection:"column"},children:[i(u,{accessibilityRole:"button",accessibilityState:{expanded:e},onPress:()=>{p(!e)},style:{paddingLeft:24,paddingTop:16,paddingBottom:15,paddingRight:16,flexDirection:"row"},children:[c,o(a,{fontWeight:"regular",color:e?l.blue500:r.grey700,typography:"t5",children:d}),o(t,{style:{flex:1}}),o(s,{name:"icn-arrow-rightwards",color:r.grey400,size:24,style:{transform:[{rotate:e?"90deg":"0deg"}]}})]}),e?null:o(y,{type:"padding24",style:{backgroundColor:r.grey200}}),e?o(t,{children:o(t,{style:{paddingHorizontal:24,paddingVertical:16,backgroundColor:r.greyBackground},children:g})}):null]})}n.QuestionIcon=h,n.QIcon=x;function h(){return o(t,{style:{paddingRight:16},children:o(s,{name:"icon-question-gray-fill",size:24})})}function x(){return o(a,{style:{fontSize:19,color:l.blue500,marginRight:8,lineHeight:23},children:"Q"})}export default n;

package/dist/esm/components/board-row/index.d.ts

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

package/dist/esm/components/board-row/index.js

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

package/dist/esm/components/border/Border.js

@@ -1 +1 @@
-"use strict";import{jsx as i}from"react/jsx-runtime";import{useAdaptive as d}from"../../core/index.js";import{StyleSheet as l,View as e}from"react-native";function h({type:t="full",style:r,height:n,...o}){const a=d();return t==="full"?i(e,{style:[{width:"100%",height:l.hairlineWidth,backgroundColor:a.greyOpacity300},r],...o}):t==="padding24"?i(e,{style:[{paddingLeft:24},r],...o,children:i(u,{})}):i(e,{style:[{width:"100%",height:n??16,backgroundColor:a.greyBackground}],...o})}function u({style:t,...r}){const n=d();return i(e,{style:[{height:l.hairlineWidth,backgroundColor:n.greyOpacity300},t],...r})}export default h;
+"use strict";import{jsx as i}from"react/jsx-runtime";import{useAdaptive as d}from"../../core";import{StyleSheet as l,View as e}from"react-native";function h({type:t="full",style:r,height:n,...o}){const a=d();return t==="full"?i(e,{style:[{width:"100%",height:l.hairlineWidth,backgroundColor:a.greyOpacity300},r],...o}):t==="padding24"?i(e,{style:[{paddingLeft:24},r],...o,children:i(u,{})}):i(e,{style:[{width:"100%",height:n??16,backgroundColor:a.greyBackground}],...o})}function u({style:t,...r}){const n=d();return i(e,{style:[{height:l.hairlineWidth,backgroundColor:n.greyOpacity300},t],...r})}export default h;

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

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

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

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

package/dist/esm/components/bottom-cta/AccessoryText.d.ts

@@ -1,2 +1,2 @@
-import type { TxtProps } from '../txt/index.js';
+import type { TxtProps } from '../txt';
 export declare function AccessoryText(props: TxtProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/bottom-cta/AccessoryText.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{useAdaptive as e}from"../../core/index.js";import{Txt as p}from"../txt/index.js";export function AccessoryText(o){const r=e();return t(p,{typography:"t6",color:r.grey600,...o})}
+"use strict";import{jsx as t}from"react/jsx-runtime";import{useAdaptive as e}from"../../core";import{Txt as p}from"../txt";export function AccessoryText(o){const r=e();return t(p,{typography:"t6",color:r.grey600,...o})}

package/dist/esm/components/bottom-cta/BottomCTA.d.ts

@@ -1,7 +1,7 @@
-import BottomCTADouble from './BottomCTADouble.js';
-import BottomCTASingle from './BottomCTASingle.js';
+import BottomCTADouble from './BottomCTADouble';
+import BottomCTASingle from './BottomCTASingle';
 export declare const BottomCTA: {
     Single: typeof BottomCTASingle;
     Double: typeof BottomCTADouble;
 };
-export { BottomCTAGradient as BottomCTAGradient } from './BottomCTAGradient.js';
+export { BottomCTAGradient as BottomCTAGradient } from './BottomCTAGradient';

package/dist/esm/components/bottom-cta/BottomCTA.js

@@ -1 +1 @@
-"use strict";import o from"./BottomCTADouble.js";import t from"./BottomCTASingle.js";export const BottomCTA={Single:t,Double:o};export{BottomCTAGradient}from"./BottomCTAGradient.js";
+"use strict";import o from"./BottomCTADouble";import t from"./BottomCTASingle";export const BottomCTA={Single:t,Double:o};export{BottomCTAGradient}from"./BottomCTAGradient";

package/dist/esm/components/bottom-cta/BottomCTADouble.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { CommonProps } from './types.js';
+import type { CommonProps } from './types';
 type DoubleProps = {
     leftButton: ReactElement;
     rightButton: ReactElement;

package/dist/esm/components/bottom-cta/BottomCTADouble.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useAdaptive as B}from"../../core/index.js";import{isReactText as s}from"../../utils/index.js";import{useMemo as g}from"react";import{StyleSheet as C,View as t}from"react-native";import{AccessoryText as c}from"./AccessoryText.js";import{BottomCTAGradient as T}from"./BottomCTAGradient.js";import{useBottomCTAContainerStyle as b}from"./useBottomCTAContainerStyle.js";function j({gradient:o,topAccessory:n,bottomAccessory:i,containerStyle:f,keyboardStyleEnabled:p=!1,...l}){const a=B(),m=b({type:"double",keyboardStyleEnabled:p}),y=g(()=>e(T,{stopColor:a.layeredBackground}),[a.layeredBackground]),h=o!==null,x=o??y;return d(t,{style:[f,r.containerStyle,m],children:[h?x:null,n&&e(t,{style:r.topAccessory,children:s(n)?e(c,{children:n}):n}),d(t,{style:r.double,children:[e(u,{children:l.leftButton}),e(u,{children:l.rightButton})]}),i&&e(t,{style:r.bottomAccessory,children:s(i)?e(c,{children:i}):i})]})}function u(o){return e(t,{style:r.doubleButtonWrapper,children:o.children})}const r=C.create({containerStyle:{overflow:"hidden"},topAccessory:{marginBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessory:{marginTop:16,display:"flex",flexDirection:"row",justifyContent:"center"},double:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around",marginTop:-8,marginLeft:-8},doubleButtonWrapper:{minWidth:"50%",flexGrow:1,paddingTop:8,paddingLeft:8}});export default j;
+"use strict";import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useAdaptive as B}from"../../core";import{isReactText as s}from"../../utils";import{useMemo as g}from"react";import{StyleSheet as C,View as t}from"react-native";import{AccessoryText as c}from"./AccessoryText";import{BottomCTAGradient as T}from"./BottomCTAGradient";import{useBottomCTAContainerStyle as b}from"./useBottomCTAContainerStyle";function j({gradient:o,topAccessory:n,bottomAccessory:i,containerStyle:f,keyboardStyleEnabled:p=!1,...l}){const a=B(),m=b({type:"double",keyboardStyleEnabled:p}),y=g(()=>e(T,{stopColor:a.layeredBackground}),[a.layeredBackground]),h=o!==null,x=o??y;return d(t,{style:[f,r.containerStyle,m],children:[h?x:null,n&&e(t,{style:r.topAccessory,children:s(n)?e(c,{children:n}):n}),d(t,{style:r.double,children:[e(u,{children:l.leftButton}),e(u,{children:l.rightButton})]}),i&&e(t,{style:r.bottomAccessory,children:s(i)?e(c,{children:i}):i})]})}function u(o){return e(t,{style:r.doubleButtonWrapper,children:o.children})}const r=C.create({containerStyle:{overflow:"hidden"},topAccessory:{marginBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessory:{marginTop:16,display:"flex",flexDirection:"row",justifyContent:"center"},double:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around",marginTop:-8,marginLeft:-8},doubleButtonWrapper:{minWidth:"50%",flexGrow:1,paddingTop:8,paddingLeft:8}});export default j;

package/dist/esm/components/bottom-cta/BottomCTASingle.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps } from 'react';
-import { Button } from '../button/index.js';
-import type { CommonProps } from './types.js';
+import { Button } from '../button';
+import type { CommonProps } from './types';
 type ButtonProps = ComponentProps<typeof Button>;
 export type BottomCTASingleProps = CommonProps & ButtonProps;
 /**

package/dist/esm/components/bottom-cta/BottomCTASingle.js

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as x}from"react/jsx-runtime";import{useMemo as B}from"react";import{StyleSheet as C,View as r}from"react-native";import{useAdaptive as k}from"../../core/index.js";import{isReactText as c,KeyboardStatusLevel as j,useKeyboardStatusLevel as w}from"../../utils/index.js";import{Button as T}from"../button/index.js";import{containerStylesBySize as v}from"../button/Button.js";import{AccessoryText as u}from"./AccessoryText.js";import{BottomCTAGradient as R}from"./BottomCTAGradient.js";import{useBottomCTAContainerStyle as W}from"./useBottomCTAContainerStyle.js";function z({gradient:l,topAccessory:e,bottomAccessory:o,containerStyle:m,keyboardStyleEnabled:s=!1,display:y="block",...a}){const i=k(),f=B(()=>t(R,{stopColor:i.layeredBackground}),[i.layeredBackground]),p=l!==null,S=l??f,b=w()>=j.WillShow,d=s?b?"full":"block":y,h=W({type:"single",keyboardStyleEnabled:s}),g=d==="block"?v.big.borderRadius:0;return x(r,{style:[n.containerStyle,h,m],children:[p?S:null,e&&t(r,{style:n.topAccessory,children:c(e)?t(u,{children:e}):e}),t(r,{style:a.disabled&&{backgroundColor:i.background,borderRadius:g},children:t(T,{display:d,size:"big",...a})}),o&&t(r,{style:n.bottomAccessory,children:c(o)?t(u,{children:o}):o})]})}const n=C.create({containerStyle:{overflow:"hidden"},topAccessory:{marginBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessory:{marginTop:16,display:"flex",flexDirection:"row",justifyContent:"center"}});export default z;
+"use strict";import{jsx as t,jsxs as x}from"react/jsx-runtime";import{useMemo as B}from"react";import{StyleSheet as C,View as r}from"react-native";import{useAdaptive as k}from"../../core";import{isReactText as c,KeyboardStatusLevel as j,useKeyboardStatusLevel as w}from"../../utils";import{Button as T}from"../button";import{containerStylesBySize as v}from"../button/Button";import{AccessoryText as u}from"./AccessoryText";import{BottomCTAGradient as R}from"./BottomCTAGradient";import{useBottomCTAContainerStyle as W}from"./useBottomCTAContainerStyle";function z({gradient:l,topAccessory:e,bottomAccessory:o,containerStyle:m,keyboardStyleEnabled:s=!1,display:y="block",...a}){const i=k(),f=B(()=>t(R,{stopColor:i.layeredBackground}),[i.layeredBackground]),p=l!==null,S=l??f,b=w()>=j.WillShow,d=s?b?"full":"block":y,h=W({type:"single",keyboardStyleEnabled:s}),g=d==="block"?v.big.borderRadius:0;return x(r,{style:[n.containerStyle,h,m],children:[p?S:null,e&&t(r,{style:n.topAccessory,children:c(e)?t(u,{children:e}):e}),t(r,{style:a.disabled&&{backgroundColor:i.background,borderRadius:g},children:t(T,{display:d,size:"big",...a})}),o&&t(r,{style:n.bottomAccessory,children:c(o)?t(u,{children:o}):o})]})}const n=C.create({containerStyle:{overflow:"hidden"},topAccessory:{marginBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessory:{marginTop:16,display:"flex",flexDirection:"row",justifyContent:"center"}});export default z;

package/dist/esm/components/bottom-cta/index.d.ts

@@ -1,5 +1,5 @@
-export * from './BottomCTA.js';
-export type { BottomCTADoubleProps } from './BottomCTADouble.js';
-export { BottomCTAGradient } from './BottomCTAGradient.js';
-export type { BottomCTASingleProps } from './BottomCTASingle.js';
-export * from './useBottomCTAContainerStyle.js';
+export * from './BottomCTA';
+export type { BottomCTADoubleProps } from './BottomCTADouble';
+export { BottomCTAGradient } from './BottomCTAGradient';
+export type { BottomCTASingleProps } from './BottomCTASingle';
+export * from './useBottomCTAContainerStyle';

package/dist/esm/components/bottom-cta/index.js

@@ -1 +1 @@
-"use strict";export*from"./BottomCTA.js";export{BottomCTAGradient}from"./BottomCTAGradient.js";export*from"./useBottomCTAContainerStyle.js";
+"use strict";export*from"./BottomCTA";export{BottomCTAGradient}from"./BottomCTAGradient";export*from"./useBottomCTAContainerStyle";

package/dist/esm/components/bottom-cta/useBottomCTAContainerStyle.js

@@ -1 +1 @@
-"use strict";import{KeyboardStatusLevel as n,useKeyboardStatusLevel as i,useSafeAreaBottom as r}from"../../utils/index.js";export function useBottomCTAContainerStyle({type:t="single",keyboardStyleEnabled:o=!1}){const e=r()??0,a=i()>=n.WillShow;return o&&a?t==="single"?{paddingHorizontal:0,paddingBottom:0}:{paddingHorizontal:20,paddingBottom:18}:{paddingHorizontal:20,paddingBottom:Math.max(e,18)}}
+"use strict";import{KeyboardStatusLevel as n,useKeyboardStatusLevel as i,useSafeAreaBottom as r}from"../../utils";export function useBottomCTAContainerStyle({type:t="single",keyboardStyleEnabled:o=!1}){const e=r()??0,a=i()>=n.WillShow;return o&&a?t==="single"?{paddingHorizontal:0,paddingBottom:0}:{paddingHorizontal:20,paddingBottom:18}:{paddingHorizontal:20,paddingBottom:Math.max(e,18)}}

package/dist/esm/components/bottom-info/BottomInfo.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{Children as i}from"react";import{StyleSheet as m,View as a}from"react-native";import{useAdaptive as p}from"../../core/index.js";import{isReactText as s}from"../../utils/index.js";import{Txt as c}from"../txt/index.js";function f({children:r,style:e}){const n=p();return o(a,{style:[{backgroundColor:n.greyBackground},d.container,e],children:i.map(r,t=>s(t)?o(c,{children:t}):t)})}const d=m.create({container:{padding:24}});export default f;
+"use strict";import{jsx as o}from"react/jsx-runtime";import{Children as i}from"react";import{StyleSheet as m,View as a}from"react-native";import{useAdaptive as p}from"../../core";import{isReactText as s}from"../../utils";import{Txt as c}from"../txt";function f({children:r,style:e}){const n=p();return o(a,{style:[{backgroundColor:n.greyBackground},d.container,e],children:i.map(r,t=>s(t)?o(c,{children:t}):t)})}const d=m.create({container:{padding:24}});export default f;

package/dist/esm/components/bottom-info/index.d.ts

@@ -1 +1 @@
-export { default as BottomInfo } from './BottomInfo.js';
+export { default as BottomInfo } from './BottomInfo';

package/dist/esm/components/bottom-info/index.js

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

package/dist/esm/components/bottom-sheet/BottomSheet.d.ts

@@ -1,14 +1,14 @@
-import type { DoubleCTAProps, SingleCTAProps } from './CTA/index.js';
-import { BottomSheetCTA } from './CTA/index.js';
-import type { HeaderProps } from './Header.js';
-import { BottomSheetHeader } from './Header.js';
-import type { HeaderDescriptionProps } from './HeaderDescription.js';
-import { BottomSheetHeaderDescription } from './HeaderDescription.js';
-import type { RootProps } from './Root.js';
-import { BottomSheetRoot } from './Root.js';
-import type { SelectProps } from './Select.js';
-import { BottomSheetSelect } from './Select.js';
-import type * as BottomSheetTypes from './types.js';
+import type { DoubleCTAProps, SingleCTAProps } from './CTA';
+import { BottomSheetCTA } from './CTA';
+import type { HeaderProps } from './Header';
+import { BottomSheetHeader } from './Header';
+import type { HeaderDescriptionProps } from './HeaderDescription';
+import { BottomSheetHeaderDescription } from './HeaderDescription';
+import type { RootProps } from './Root';
+import { BottomSheetRoot } from './Root';
+import type { SelectProps } from './Select';
+import { BottomSheetSelect } from './Select';
+import type * as BottomSheetTypes from './types';
 interface BottomSheetType {
     Root: typeof BottomSheetRoot;
     Header: typeof BottomSheetHeader;

package/dist/esm/components/bottom-sheet/BottomSheet.js

@@ -1 +1 @@
-"use strict";import{BottomSheetCTA as t}from"./CTA/index.js";import{BottomSheetHeader as o}from"./Header.js";import{BottomSheetHeaderDescription as e}from"./HeaderDescription.js";import{BottomSheetRoot as r}from"./Root.js";import{BottomSheetSelect as m}from"./Select.js";export const BottomSheet={Root:r,Header:o,HeaderDescription:e,CTA:t,Select:m};
+"use strict";import{BottomSheetCTA as t}from"./CTA";import{BottomSheetHeader as o}from"./Header";import{BottomSheetHeaderDescription as e}from"./HeaderDescription";import{BottomSheetRoot as r}from"./Root";import{BottomSheetSelect as m}from"./Select";export const BottomSheet={Root:r,Header:o,HeaderDescription:e,CTA:t,Select:m};

package/dist/esm/components/bottom-sheet/CTA/DoubleCTA.js

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as p}from"react/jsx-runtime";import{useAdaptive as f}from"../../../core/index.js";import{Txt as a}from"../../txt/index.js";import{memo as m}from"react";import{StyleSheet as c,View as e}from"react-native";import{BottomSheetCTAAnimation as u}from"../utils/CTAAnimation.js";import{Gradient as g}from"./Gradient.js";export const BottomSheetDoubleCTA=m(function({topAccessory:o,bottomAccessory:n,ctaContentGap:l=34,leftButton:d,rightButton:s}){const i=f();return p(u,{style:[r.container],children:[t(g,{height:l,stopColor:i.layeredBackground}),p(e,{style:{backgroundColor:i.layeredBackground},children:[o!=null?t(e,{style:r.topAccessoryWrapper,children:typeof o=="string"?t(a,{typography:"t6",color:i.grey600,children:o}):o}):null,p(e,{style:r.buttonsWrapper,children:[t(e,{style:r.buttonWrapper,children:d}),t(e,{style:r.buttonWrapper,children:s})]}),n!=null?t(e,{style:r.bottomAccessoryWrapper,children:typeof n=="string"?t(a,{typography:"t6",color:i.grey600,children:n}):n}):null]})]})});const r=c.create({container:{paddingTop:0,paddingRight:20,paddingBottom:18,paddingLeft:20,borderBottomLeftRadius:28,borderBottomRightRadius:28},topAccessoryWrapper:{paddingBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessoryWrapper:{paddingTop:16,display:"flex",flexDirection:"row",justifyContent:"center"},buttonsWrapper:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around",marginTop:-8,marginLeft:-8},buttonWrapper:{minWidth:"50%",flexGrow:1,paddingTop:8,paddingLeft:8},buttonSpacing:{flexBasis:8,flexGrow:0,flexShrink:0}});
+"use strict";import{jsx as t,jsxs as p}from"react/jsx-runtime";import{useAdaptive as f}from"../../../core";import{Txt as a}from"../../txt";import{memo as m}from"react";import{StyleSheet as c,View as e}from"react-native";import{BottomSheetCTAAnimation as u}from"../utils/CTAAnimation";import{Gradient as g}from"./Gradient";export const BottomSheetDoubleCTA=m(function({topAccessory:o,bottomAccessory:n,ctaContentGap:l=34,leftButton:d,rightButton:s}){const i=f();return p(u,{style:[r.container],children:[t(g,{height:l,stopColor:i.layeredBackground}),p(e,{style:{backgroundColor:i.layeredBackground},children:[o!=null?t(e,{style:r.topAccessoryWrapper,children:typeof o=="string"?t(a,{typography:"t6",color:i.grey600,children:o}):o}):null,p(e,{style:r.buttonsWrapper,children:[t(e,{style:r.buttonWrapper,children:d}),t(e,{style:r.buttonWrapper,children:s})]}),n!=null?t(e,{style:r.bottomAccessoryWrapper,children:typeof n=="string"?t(a,{typography:"t6",color:i.grey600,children:n}):n}):null]})]})});const r=c.create({container:{paddingTop:0,paddingRight:20,paddingBottom:18,paddingLeft:20,borderBottomLeftRadius:28,borderBottomRightRadius:28},topAccessoryWrapper:{paddingBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessoryWrapper:{paddingTop:16,display:"flex",flexDirection:"row",justifyContent:"center"},buttonsWrapper:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around",marginTop:-8,marginLeft:-8},buttonWrapper:{minWidth:"50%",flexGrow:1,paddingTop:8,paddingLeft:8},buttonSpacing:{flexBasis:8,flexGrow:0,flexShrink:0}});

package/dist/esm/components/bottom-sheet/CTA/SingleCTA.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, ReactNode } from 'react';
-import { Button } from '../../button/index.js';
+import { Button } from '../../button';
 export interface SingleCTAProps extends ComponentProps<typeof Button> {
     hasPaddingBottom?: boolean;
     background?: 'default' | 'none';

package/dist/esm/components/bottom-sheet/CTA/SingleCTA.js

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as l}from"react/jsx-runtime";import{memo as m}from"react";import{StyleSheet as g,View as i}from"react-native";import{useAdaptive as c}from"../../../core/index.js";import{Button as y}from"../../button/index.js";import{Txt as p}from"../../txt/index.js";import{BottomSheetCTAAnimation as f}from"../utils/CTAAnimation.js";import{Gradient as h}from"./Gradient.js";export const BottomSheetSingleCTA=m(function({topAccessory:e,bottomAccessory:o,ctaContentGap:a=34,display:d="block",...s}){const r=c();return l(f,{style:[n.container],children:[t(h,{height:a,stopColor:r.layeredBackground}),l(i,{style:{backgroundColor:r.layeredBackground},children:[e!=null?t(i,{style:n.topAccessoryWrapper,children:typeof e=="string"?t(p,{typography:"t6",color:r.grey600,children:e}):e}):null,t(y,{...s,size:"big",display:d}),o!=null?t(i,{style:n.bottomAccessoryWrapper,children:typeof o=="string"?t(p,{typography:"t6",color:r.grey600,children:o}):o}):null]})]})});const n=g.create({container:{paddingTop:0,paddingRight:20,paddingBottom:18,paddingLeft:20,borderBottomLeftRadius:28,borderBottomRightRadius:28,alignItems:"stretch"},topAccessoryWrapper:{paddingBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessoryWrapper:{paddingTop:16,display:"flex",flexDirection:"row",justifyContent:"center"}});
+"use strict";import{jsx as t,jsxs as l}from"react/jsx-runtime";import{memo as m}from"react";import{StyleSheet as g,View as i}from"react-native";import{useAdaptive as c}from"../../../core";import{Button as y}from"../../button";import{Txt as p}from"../../txt";import{BottomSheetCTAAnimation as f}from"../utils/CTAAnimation";import{Gradient as h}from"./Gradient";export const BottomSheetSingleCTA=m(function({topAccessory:e,bottomAccessory:o,ctaContentGap:a=34,display:d="block",...s}){const r=c();return l(f,{style:[n.container],children:[t(h,{height:a,stopColor:r.layeredBackground}),l(i,{style:{backgroundColor:r.layeredBackground},children:[e!=null?t(i,{style:n.topAccessoryWrapper,children:typeof e=="string"?t(p,{typography:"t6",color:r.grey600,children:e}):e}):null,t(y,{...s,size:"big",display:d}),o!=null?t(i,{style:n.bottomAccessoryWrapper,children:typeof o=="string"?t(p,{typography:"t6",color:r.grey600,children:o}):o}):null]})]})});const n=g.create({container:{paddingTop:0,paddingRight:20,paddingBottom:18,paddingLeft:20,borderBottomLeftRadius:28,borderBottomRightRadius:28,alignItems:"stretch"},topAccessoryWrapper:{paddingBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessoryWrapper:{paddingTop:16,display:"flex",flexDirection:"row",justifyContent:"center"}});

package/dist/esm/components/bottom-sheet/CTA/index.d.ts

@@ -1,7 +1,7 @@
-import type { DoubleCTAProps } from './DoubleCTA.js';
-import { BottomSheetDoubleCTA } from './DoubleCTA.js';
-import type { SingleCTAProps } from './SingleCTA.js';
-import { BottomSheetSingleCTA } from './SingleCTA.js';
+import type { DoubleCTAProps } from './DoubleCTA';
+import { BottomSheetDoubleCTA } from './DoubleCTA';
+import type { SingleCTAProps } from './SingleCTA';
+import { BottomSheetSingleCTA } from './SingleCTA';
 type BottomSheetCTAType = typeof BottomSheetSingleCTA & {
     Double: typeof BottomSheetDoubleCTA;
 };

package/dist/esm/components/bottom-sheet/CTA/index.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{BottomSheetDoubleCTA as e}from"./DoubleCTA.js";import{BottomSheetSingleCTA as m}from"./SingleCTA.js";export const BottomSheetCTA=function(o){return t(m,{...o})};BottomSheetCTA.Double=e;
+"use strict";import{jsx as t}from"react/jsx-runtime";import{BottomSheetDoubleCTA as e}from"./DoubleCTA";import{BottomSheetSingleCTA as m}from"./SingleCTA";export const BottomSheetCTA=function(o){return t(m,{...o})};BottomSheetCTA.Double=e;

package/dist/esm/components/bottom-sheet/Container.js

@@ -1 +1 @@
-"use strict";import{jsx as m}from"react/jsx-runtime";import{spring as H}from"@toss/tds-easings";import{useCallback as W,useEffect as c,useRef as u}from"react";import{Animated as s,Keyboard as h,Platform as g,StyleSheet as j,useWindowDimensions as F}from"react-native";import{useAdaptive as O,useTypographyTheme as P}from"../../core/index.js";import{useSafeAreaBottom as R}from"../../utils/index.js";import{BottomSheetDragAnimation as Y}from"./DragAnimation.js";import{usePreservedCallback as _}from"./utils/usePreservedCallback.js";const f=10,q=()=>{};export function BottomSheetContainer({open:e,children:v,onDragFinished:y,onDragToClose:b,onDraggedDown:w,onDraggedMiddle:S,onDraggedUp:D,onExited:A,style:k,unstable_disableDragging:T=!1}){const o=F(),x=O(),d=_(A??q),B=u(0),i=u(new s.Value(o.height)).current,n=R()||f,{typographyLevel:l}=P(),C=g.OS==="android"?l>150:l?.startsWith("A11y"),L=o.height*(C?.9:.7),t=W(({moveTo:r})=>s.spring(i,{toValue:r,useNativeDriver:!0,...H.quick}),[i]);return c(()=>{if(e)return t({moveTo:-n}).start(),()=>{t({moveTo:o.height}).start(()=>{d?.()})}},[t,o.height,d,e,n]),c(()=>{if(!e||g.OS!=="ios")return;const r=h.addListener("keyboardWillShow",V=>{const E=V.endCoordinates.height;t({moveTo:-(f+E)}).start()}),a=h.addListener("keyboardWillHide",()=>{t({moveTo:-n}).start()});return()=>{r.remove(),a.remove()}},[t,n,e]),m(s.View,{style:[p.wrapper,{transform:[{translateY:i}]}],children:m(Y,{onDraggedUp:D,onDraggedMiddle:S,onDraggedDown:w,onDragToClose:b,onDragFinished:y,unstable_disableDragging:T,style:[p.container,{backgroundColor:x.layeredBackground,maxHeight:L,width:o.width-20},k],onLayout:r=>{const a=r.nativeEvent.layout.height;B.current=a,e||i.setValue(a)},children:v})})}const p=j.create({wrapper:{position:"absolute",bottom:0},container:{bottom:0,borderRadius:28,left:10}});
+"use strict";import{jsx as m}from"react/jsx-runtime";import{spring as H}from"@toss/tds-easings";import{useCallback as W,useEffect as c,useRef as u}from"react";import{Animated as s,Keyboard as h,Platform as g,StyleSheet as j,useWindowDimensions as F}from"react-native";import{useAdaptive as O,useTypographyTheme as P}from"../../core";import{useSafeAreaBottom as R}from"../../utils";import{BottomSheetDragAnimation as Y}from"./DragAnimation";import{usePreservedCallback as _}from"./utils/usePreservedCallback";const f=10,q=()=>{};export function BottomSheetContainer({open:e,children:v,onDragFinished:y,onDragToClose:b,onDraggedDown:w,onDraggedMiddle:S,onDraggedUp:D,onExited:A,style:k,unstable_disableDragging:T=!1}){const o=F(),x=O(),d=_(A??q),B=u(0),i=u(new s.Value(o.height)).current,n=R()||f,{typographyLevel:l}=P(),C=g.OS==="android"?l>150:l?.startsWith("A11y"),L=o.height*(C?.9:.7),t=W(({moveTo:r})=>s.spring(i,{toValue:r,useNativeDriver:!0,...H.quick}),[i]);return c(()=>{if(e)return t({moveTo:-n}).start(),()=>{t({moveTo:o.height}).start(()=>{d?.()})}},[t,o.height,d,e,n]),c(()=>{if(!e||g.OS!=="ios")return;const r=h.addListener("keyboardWillShow",V=>{const E=V.endCoordinates.height;t({moveTo:-(f+E)}).start()}),a=h.addListener("keyboardWillHide",()=>{t({moveTo:-n}).start()});return()=>{r.remove(),a.remove()}},[t,n,e]),m(s.View,{style:[p.wrapper,{transform:[{translateY:i}]}],children:m(Y,{onDraggedUp:D,onDraggedMiddle:S,onDraggedDown:w,onDragToClose:b,onDragFinished:y,unstable_disableDragging:T,style:[p.container,{backgroundColor:x.layeredBackground,maxHeight:L,width:o.width-20},k],onLayout:r=>{const a=r.nativeEvent.layout.height;B.current=a,e||i.setValue(a)},children:v})})}const p=j.create({wrapper:{position:"absolute",bottom:0},container:{bottom:0,borderRadius:28,left:10}});

package/dist/esm/components/bottom-sheet/Dimmer.js

@@ -1 +1 @@
-"use strict";import{jsx as l}from"react/jsx-runtime";import{colors as p}from"@toss/tds-colors";import{spring as o}from"@toss/tds-easings";import{forwardRef as f,useEffect as d,useImperativeHandle as k,useRef as v}from"react";import{Animated as r,Pressable as g,StyleSheet as h,useWindowDimensions as D}from"react-native";import{useColorPreference as b}from"../../core/index.js";const i={light:{normal:.2,darker:.4},dark:{normal:.56,darker:.8}},q=r.createAnimatedComponent(g);export const BottomSheetDimmer=f(function({open:n,onPress:s},a){const{width:m,height:u}=D(),{colorPreference:t}=b(),e=v(new r.Value(0)).current;return d(()=>{if(n)return r.spring(e,{toValue:i[t].normal,useNativeDriver:!0,...o.quick}).start(),()=>{requestAnimationFrame(()=>r.spring(e,{toValue:0,useNativeDriver:!0,...o.quick}).start())}},[t,e,n]),k(a,()=>({darken:()=>{r.spring(e,{toValue:i[t].darker,useNativeDriver:!0,...o.quick}).start()},lighten:c=>{r.spring(e,{toValue:i[t].normal*(1-c),useNativeDriver:!0,...o.quick}).start()},reset:()=>{r.spring(e,{toValue:i[t].normal,useNativeDriver:!0,...o.quick}).start()}}),[t,e]),l(q,{pointerEvents:n?void 0:"none",onPress:s,style:[y.container,{opacity:e},{width:m,height:u}]})});const y=h.create({container:{position:"absolute",top:0,left:0,bottom:0,right:0,backgroundColor:p.black,opacity:0}});
+"use strict";import{jsx as l}from"react/jsx-runtime";import{colors as p}from"@toss/tds-colors";import{spring as o}from"@toss/tds-easings";import{forwardRef as f,useEffect as d,useImperativeHandle as k,useRef as v}from"react";import{Animated as r,Pressable as g,StyleSheet as h,useWindowDimensions as D}from"react-native";import{useColorPreference as b}from"../../core";const i={light:{normal:.2,darker:.4},dark:{normal:.56,darker:.8}},q=r.createAnimatedComponent(g);export const BottomSheetDimmer=f(function({open:n,onPress:s},a){const{width:m,height:u}=D(),{colorPreference:t}=b(),e=v(new r.Value(0)).current;return d(()=>{if(n)return r.spring(e,{toValue:i[t].normal,useNativeDriver:!0,...o.quick}).start(),()=>{requestAnimationFrame(()=>r.spring(e,{toValue:0,useNativeDriver:!0,...o.quick}).start())}},[t,e,n]),k(a,()=>({darken:()=>{r.spring(e,{toValue:i[t].darker,useNativeDriver:!0,...o.quick}).start()},lighten:c=>{r.spring(e,{toValue:i[t].normal*(1-c),useNativeDriver:!0,...o.quick}).start()},reset:()=>{r.spring(e,{toValue:i[t].normal,useNativeDriver:!0,...o.quick}).start()}}),[t,e]),l(q,{pointerEvents:n?void 0:"none",onPress:s,style:[y.container,{opacity:e},{width:m,height:u}]})});const y=h.create({container:{position:"absolute",top:0,left:0,bottom:0,right:0,backgroundColor:p.black,opacity:0}});

package/dist/esm/components/bottom-sheet/Handle.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{useAdaptive as r}from"../../core/index.js";import{memo as i}from"react";import{View as t}from"react-native";export const BottomSheetHandle=i(function(){const o=r();return e(t,{style:{flexDirection:"row",height:16,justifyContent:"center",alignItems:"flex-end"},children:e(t,{style:{width:48,height:4,borderRadius:4,backgroundColor:o.grey200}})})});
+"use strict";import{jsx as e}from"react/jsx-runtime";import{useAdaptive as r}from"../../core";import{memo as i}from"react";import{View as t}from"react-native";export const BottomSheetHandle=i(function(){const o=r();return e(t,{style:{flexDirection:"row",height:16,justifyContent:"center",alignItems:"flex-end"},children:e(t,{style:{width:48,height:4,borderRadius:4,backgroundColor:o.grey200}})})});

package/dist/esm/components/bottom-sheet/Header.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{memo as r}from"react";import{Txt as i}from"../txt/index.js";import{StyleSheet as m}from"react-native";import{useAdaptive as n}from"../../core/index.js";export const BottomSheetHeader=r(function({children:t}){const o=n();return e(i,{typography:"t4",color:o.grey900,style:a.container,fontWeight:"bold",children:t})});const a=m.create({container:{paddingLeft:24,paddingRight:16,marginTop:4}});
+"use strict";import{jsx as e}from"react/jsx-runtime";import{memo as r}from"react";import{Txt as i}from"../txt";import{StyleSheet as m}from"react-native";import{useAdaptive as n}from"../../core";export const BottomSheetHeader=r(function({children:t}){const o=n();return e(i,{typography:"t4",color:o.grey900,style:a.container,fontWeight:"bold",children:t})});const a=m.create({container:{paddingLeft:24,paddingRight:16,marginTop:4}});

package/dist/esm/components/bottom-sheet/HeaderDescription.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{useAdaptive as r}from"../../core/index.js";import{Txt as i}from"../txt/index.js";import{memo as n}from"react";import{StyleSheet as p}from"react-native";export const BottomSheetHeaderDescription=n(function({children:t}){const o=r();return e(i,{typography:"t6",color:o.grey600,style:a.container,fontWeight:"regular",children:t})});const a=p.create({container:{paddingTop:8,paddingRight:44,paddingBottom:0,paddingLeft:24}});
+"use strict";import{jsx as e}from"react/jsx-runtime";import{useAdaptive as r}from"../../core";import{Txt as i}from"../txt";import{memo as n}from"react";import{StyleSheet as p}from"react-native";export const BottomSheetHeaderDescription=n(function({children:t}){const o=r();return e(i,{typography:"t6",color:o.grey600,style:a.container,fontWeight:"regular",children:t})});const a=p.create({container:{paddingTop:8,paddingRight:44,paddingBottom:0,paddingLeft:24}});

package/dist/esm/components/bottom-sheet/Root.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{ScrollView as k}from"@granite-js/native/react-native-gesture-handler";import{Children as T,useCallback as s,useEffect as _,useMemo as F,useRef as I}from"react";import{Keyboard as M,View as p}from"react-native";import{useHideAccessibility as V}from"../../core/contexts/HideAccessibility.js";import{useFontScaleCondition as K}from"../../core/index.js";import{a11yCondition as P}from"./const.js";import{BottomSheetContainer as U}from"./Container.js";import{BottomSheetDimmer as q}from"./Dimmer.js";import{BottomSheetHandle as z}from"./Handle.js";import{BottomSheetHeaderContainer as G}from"./HeaderContainer.js";import{BottomSheetRenderingAnimation as c}from"./utils/RenderingAnimation.js";export function BottomSheetRoot({open:e,header:t,headerDescription:n,cta:y,disableDimmer:D=!1,children:S,onDimmerClick:b,onClose:d,onExited:C,style:x,wrapper:A=k,wrapperProps:B,a11yIncludeHeaderInScroll:j=!0,unstable_disableDragging:v=!1}){const i=V(),l=I(null),m=s(()=>{M.dismiss(),d?.()},[d]),w=s(()=>{l.current?.darken()},[]),E=s(()=>{l.current?.lighten(.5)},[]),u=s(()=>{l.current?.reset()},[]),H=t!=null?30:0,R=F(()=>[t,n].filter(a=>a!=null).length*30,[t,n]),f=K(P.root)&&j,g=t!=null||n!=null?r(G,{children:[o(c,{children:t}),o(c,{delay:H,children:n})]}):null;return _(()=>(e?i.activate():i.inactivate(),i.inactivate),[i,e]),r(p,{style:{position:"absolute",top:0,left:0,right:0,bottom:0},pointerEvents:e?"auto":"none",onAccessibilityEscape:()=>{m?.()},children:[D?null:o(q,{ref:l,open:e,onPress:()=>{m?.(),b?.()}}),r(U,{open:e,onExited:C,onDraggedUp:w,onDraggedMiddle:u,onDraggedDown:E,onDragToClose:m,onDragFinished:u,style:x,unstable_disableDragging:v,children:[r(p,{children:[o(z,{}),!f&&g]}),r(A,{...B,children:[f&&g,T.map(S,(a,h)=>o(c,{delay:R+h*30,children:a},h))]}),y]})]})}
+"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{ScrollView as k}from"@granite-js/native/react-native-gesture-handler";import{Children as T,useCallback as s,useEffect as _,useMemo as F,useRef as I}from"react";import{Keyboard as M,View as p}from"react-native";import{useHideAccessibility as V}from"../../core/contexts/HideAccessibility";import{useFontScaleCondition as K}from"../../core";import{a11yCondition as P}from"./const";import{BottomSheetContainer as U}from"./Container";import{BottomSheetDimmer as q}from"./Dimmer";import{BottomSheetHandle as z}from"./Handle";import{BottomSheetHeaderContainer as G}from"./HeaderContainer";import{BottomSheetRenderingAnimation as c}from"./utils/RenderingAnimation";export function BottomSheetRoot({open:e,header:t,headerDescription:n,cta:y,disableDimmer:D=!1,children:S,onDimmerClick:b,onClose:d,onExited:C,style:x,wrapper:A=k,wrapperProps:B,a11yIncludeHeaderInScroll:j=!0,unstable_disableDragging:v=!1}){const i=V(),l=I(null),m=s(()=>{M.dismiss(),d?.()},[d]),w=s(()=>{l.current?.darken()},[]),E=s(()=>{l.current?.lighten(.5)},[]),u=s(()=>{l.current?.reset()},[]),H=t!=null?30:0,R=F(()=>[t,n].filter(a=>a!=null).length*30,[t,n]),f=K(P.root)&&j,g=t!=null||n!=null?r(G,{children:[o(c,{children:t}),o(c,{delay:H,children:n})]}):null;return _(()=>(e?i.activate():i.inactivate(),i.inactivate),[i,e]),r(p,{style:{position:"absolute",top:0,left:0,right:0,bottom:0},pointerEvents:e?"auto":"none",onAccessibilityEscape:()=>{m?.()},children:[D?null:o(q,{ref:l,open:e,onPress:()=>{m?.(),b?.()}}),r(U,{open:e,onExited:C,onDraggedUp:w,onDraggedMiddle:u,onDraggedDown:E,onDragToClose:m,onDragFinished:u,style:x,unstable_disableDragging:v,children:[r(p,{children:[o(z,{}),!f&&g]}),r(A,{...B,children:[f&&g,T.map(S,(a,h)=>o(c,{delay:R+h*30,children:a},h))]}),y]})]})}

package/dist/esm/components/bottom-sheet/Select.js

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as h}from"react/jsx-runtime";import{Checkbox as f}from"../checkbox/index.js";import{useAdaptive as u}from"../../core/index.js";import{PressableEffect as y}from"../../interactions/pressable-effect/index.js";import{Txt as b}from"../txt/index.js";import{StyleSheet as p,View as s}from"react-native";import{BottomSheetRenderingAnimation as x}from"./utils/RenderingAnimation.js";export function BottomSheetSelect({options:n,value:a,animation:d,animationDelay:l=0,onChange:c}){const o=u();return t(s,{children:n.map((e,m)=>{const i=e.value===a,r=t(y,{accessibilityState:{selected:i},disabled:e.disabled,onPress:()=>{c(e.value)},children:h(s,{style:g.itemContainer,children:[t(b,{color:o.grey700,typography:"t5",fontWeight:"medium",children:e.name}),!e.hideUnCheckedCheckBox||i?t(f.Line,{importantForAccessibility:"no-hide-descendants",accessibilityElementsHidden:!0,checked:i,disabled:e.disabled,size:24,style:{width:24,height:24}}):null]})},e.value);return d?t(x,{delay:l+30*m,children:r},e.value):r})})}const g=p.create({itemContainer:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:16,paddingHorizontal:24,borderRadius:12}});
+"use strict";import{jsx as t,jsxs as h}from"react/jsx-runtime";import{Checkbox as f}from"../checkbox";import{useAdaptive as u}from"../../core";import{PressableEffect as y}from"../../interactions/pressable-effect";import{Txt as b}from"../txt";import{StyleSheet as p,View as s}from"react-native";import{BottomSheetRenderingAnimation as x}from"./utils/RenderingAnimation";export function BottomSheetSelect({options:n,value:a,animation:d,animationDelay:l=0,onChange:c}){const o=u();return t(s,{children:n.map((e,m)=>{const i=e.value===a,r=t(y,{accessibilityState:{selected:i},disabled:e.disabled,onPress:()=>{c(e.value)},children:h(s,{style:g.itemContainer,children:[t(b,{color:o.grey700,typography:"t5",fontWeight:"medium",children:e.name}),!e.hideUnCheckedCheckBox||i?t(f.Line,{importantForAccessibility:"no-hide-descendants",accessibilityElementsHidden:!0,checked:i,disabled:e.disabled,size:24,style:{width:24,height:24}}):null]})},e.value);return d?t(x,{delay:l+30*m,children:r},e.value):r})})}const g=p.create({itemContainer:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:16,paddingHorizontal:24,borderRadius:12}});

package/dist/esm/components/bottom-sheet/const.d.ts

@@ -1,2 +1,2 @@
-import type { A11yCondition } from '../../core/index.js';
+import type { A11yCondition } from '../../core';
 export declare const a11yCondition: Record<'root', A11yCondition>;

package/dist/esm/components/bottom-sheet/index.d.ts

@@ -1,2 +1,2 @@
-export { BottomSheet } from './BottomSheet.js';
-export type { BottomSheetTypes } from './BottomSheet.js';
+export { BottomSheet } from './BottomSheet';
+export type { BottomSheetTypes } from './BottomSheet';

package/dist/esm/components/bottom-sheet/index.js

@@ -1 +1 @@
-"use strict";export{BottomSheet}from"./BottomSheet.js";
+"use strict";export{BottomSheet}from"./BottomSheet";

package/dist/esm/components/bottom-sheet/types.d.ts

@@ -1,6 +1,6 @@
-import type { SingleCTAProps, DoubleCTAProps } from './CTA/index.js';
-import type { HeaderProps } from './Header.js';
-import type { HeaderDescriptionProps } from './HeaderDescription.js';
-import type { RootProps } from './Root.js';
-import type { SelectProps } from './Select.js';
+import type { SingleCTAProps, DoubleCTAProps } from './CTA';
+import type { HeaderProps } from './Header';
+import type { HeaderDescriptionProps } from './HeaderDescription';
+import type { RootProps } from './Root';
+import type { SelectProps } from './Select';
 export type { SingleCTAProps, DoubleCTAProps, HeaderProps, HeaderDescriptionProps, RootProps, SelectProps };

package/dist/esm/components/button/Button.js

@@ -1 +1 @@
-"use strict";import{jsx as d,jsxs as x}from"react/jsx-runtime";import{colors as W}from"@toss/tds-colors";import{bezier as S,spring as t}from"@toss/tds-easings";import{Children as L,forwardRef as F,Fragment as _,useCallback as A,useEffect as M,useMemo as v,useState as J}from"react";import{Easing as b,Pressable as K,StyleSheet as B,useAnimatedValue as m,View as Q}from"react-native";import{ThemeProvider as U,useTheme as X}from"../../core/index.js";import{Animated as e}from"../../interactions/animated/index.js";import{RadialGradient as Y}from"../gradient/index.js";import{Txt as Z}from"../txt/index.js";const $=F(function({children:a,onPress:i,size:o="big",style:u="fill",display:c="inline",disabled:l=!1,loading:n=!1,viewStyle:s,color:g,containerStyle:C,textStyle:N,pointerEvents:q=void 0,leftAccessory:w,onPressIn:V,onPressOut:z,...O},E){const f=X(),D=re(),k=u==="weak"?{backgroundColor:f.token.button.backgroundWeakColor,textColor:f.token.button.textWeakColor,dimColor:f.token.button.dimWeakColor,gradientStartColor:f.token.button.gradientStartWeakColor,gradientEndColor:f.token.button.gradientEndWeakColor,loaderColor:f.token.button.loaderWeakColor}:{backgroundColor:f.token.button.backgroundFillColor,textColor:f.token.button.textFillColor,dimColor:f.token.button.dimFillColor,gradientStartColor:f.token.button.gradientStartFillColor,gradientEndColor:f.token.button.gradientEndFillColor,loaderColor:f.token.button.loaderFillColor},h=!(l||n),[H,j]=J(!1),I=A(y=>{V?.(y),h!==!1&&j(!0)},[V,h]),P=A(y=>{z?.(y),h!==!1&&j(!1)},[z,h]),p=ie({style:u,display:c});M(()=>{if(H){p.controller.pressed.start();return}if(n&&D.controller.loader.start(),n&&l){p.controller.loadingWhileDisabled.start();return}if(n&&!l){p.controller.loading.start();return}if(!n&&l){p.controller.disabled.start();return}p.controller.default.start()},[n,l,p.controller,D.controller,H]);const T=L.map(a,(y,G)=>typeof y=="string"||typeof y=="number"?d(Z,{typography:oe[o],color:g??k.textColor,style:N,fontWeight:"semibold",children:y}):d(_,{children:y},G));return d(K,{accessibilityRole:"button",onPress:h?i:void 0,pointerEvents:q,onPressIn:I,onPressOut:P,style:[ee[c],s],ref:E,...O,accessibilityState:{disabled:l,...O.accessibilityState},children:x(e.View,{ref:E,style:[containerStylesBySize.base,containerStylesBySize[o],te[c],p.style.container,C],children:[d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:k.backgroundColor},p.style.background]}),x(e.View,{style:[{flexDirection:"row",alignItems:"center"},p.style.text],children:[w,T]}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.gradient],children:d(Q,{style:{width:"110%",aspectRatio:1},children:d(Y,{colors:[k.gradientStartColor,k.gradientEndColor]})})}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.loader],children:x(e.View,{style:{flexDirection:"row",gap:7},children:[d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader1]}),d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader2]}),d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader3]})]})}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:k.dimColor},p.style.dim]})]})})});export const containerStylesBySize=B.create({base:{alignItems:"center",justifyContent:"center",overflow:"hidden",position:"relative"},tiny:{paddingHorizontal:10,paddingVertical:2,minHeight:32,minWidth:52,borderRadius:8},medium:{paddingHorizontal:16,paddingVertical:2,minHeight:38,minWidth:64,borderRadius:10},large:{paddingHorizontal:16,paddingVertical:2,minHeight:48,minWidth:80,borderRadius:14},big:{paddingHorizontal:28,paddingVertical:2,minHeight:56,minWidth:96,borderRadius:16}});const ee=B.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),te=B.create({inline:{},block:{},full:{borderRadius:0}});function R(){const r=m(.2),a=m(.8),i=A(()=>e.parallel([e.loop(e.sequence([e.timing(r,{toValue:1,duration:300,easing:b.linear,useNativeDriver:!1}),e.timing(r,{toValue:.2,duration:300,easing:b.linear,useNativeDriver:!1})])),e.loop(e.sequence([e.timing(a,{toValue:1,duration:300,easing:b.linear,useNativeDriver:!1}),e.timing(a,{toValue:.8,duration:300,easing:b.linear,useNativeDriver:!1})]))]),[r,a]);return v(()=>({style:{loader:{opacity:r,transform:[{scale:a}]}},controller:{create:i}}),[r,a,i])}function re(){const r=R(),a=R(),i=R(),o=v(()=>e.parallel([e.sequence([r.controller.create()]),e.sequence([e.delay(100),a.controller.create()]),e.sequence([e.delay(200),i.controller.create()])]),[r.controller,a.controller,i.controller]);return v(()=>({style:{loader1:r.style.loader,loader2:a.style.loader,loader3:i.style.loader},controller:{loader:{...o,start:()=>{o.reset(),o.start()}}}}),[r.style.loader,a.style.loader,i.style.loader,o])}function ie({style:r,display:a}){const i=m(1),o=m(1),u=m(1),c=m(1),l=m(1),n=m(0),s=m(0),g=m(0),C=v(()=>e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(c,{toValue:1,...t.quick,delay:100,useNativeDriver:!1}),e.spring(g,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})]),[u,i,o,n,s,g,c,l]),N=v(()=>e.parallel([e.spring(n,{toValue:.26,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),a==="inline"?e.spring(o,{toValue:.96,...t.rapid,useNativeDriver:!1}):e.spring(l,{toValue:.96,...t.rapid,useNativeDriver:!1})]),[u,o,n,a,s,l]),q=v(()=>(s.setValue(0),e.parallel([e.spring(n,{toValue:.13,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.loop(e.sequence([e.timing(s,{toValue:r==="fill"?.7:.24,easing:b.bezier(...S.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...S.out),duration:600,useNativeDriver:!1})])),e.spring(c,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(g,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})])),[u,i,o,n,s,g,r,c,l]),w=v(()=>(s.setValue(0),e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:r==="fill"?.26:1,...t.quick,useNativeDriver:!1}),e.loop(e.sequence([e.timing(s,{toValue:r==="fill"?.2:.14,easing:b.bezier(...S.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...S.out),duration:600,useNativeDriver:!1})])),e.spring(c,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(g,{toValue:r==="fill"?.7:.3,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})])),[u,i,o,n,s,g,r,c,l]),V=v(()=>e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(c,{toValue:r==="fill"?1:.38,...t.quick,delay:100,useNativeDriver:!1}),e.spring(g,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:r==="fill"?.26:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})]),[u,i,o,n,s,g,r,c,l]);return v(()=>({style:{container:{opacity:i,transform:[{scale:o}]},background:{opacity:u},text:{opacity:c,transform:[{scale:l}]},dim:{opacity:n},gradient:{opacity:s},loader:{opacity:g}},controller:{default:C,pressed:N,loading:q,loadingWhileDisabled:w,disabled:V}}),[u,i,o,C,n,V,s,g,q,w,N,c,l])}const oe={tiny:"t7",medium:"t6",large:"st9",big:"st9"},ae={danger:W.red500,light:W.whiteOpacity900,dark:W.grey700};export const Button=F(function({type:a,...i},o){const u=v(()=>a===void 0||a==="primary"?{}:{color:{primary:ae[a]}},[a]);return d(U,{token:u,children:d($,{...i,ref:o})})});
+"use strict";import{jsx as d,jsxs as x}from"react/jsx-runtime";import{colors as W}from"@toss/tds-colors";import{bezier as S,spring as t}from"@toss/tds-easings";import{Children as L,forwardRef as F,Fragment as _,useCallback as A,useEffect as M,useMemo as v,useState as J}from"react";import{Easing as b,Pressable as K,StyleSheet as B,useAnimatedValue as m,View as Q}from"react-native";import{ThemeProvider as U,useTheme as X}from"../../core";import{Animated as e}from"../../interactions/animated";import{RadialGradient as Y}from"../gradient";import{Txt as Z}from"../txt";const $=F(function({children:a,onPress:i,size:o="big",style:u="fill",display:c="inline",disabled:l=!1,loading:n=!1,viewStyle:s,color:g,containerStyle:C,textStyle:N,pointerEvents:q=void 0,leftAccessory:w,onPressIn:V,onPressOut:z,...O},E){const f=X(),D=re(),k=u==="weak"?{backgroundColor:f.token.button.backgroundWeakColor,textColor:f.token.button.textWeakColor,dimColor:f.token.button.dimWeakColor,gradientStartColor:f.token.button.gradientStartWeakColor,gradientEndColor:f.token.button.gradientEndWeakColor,loaderColor:f.token.button.loaderWeakColor}:{backgroundColor:f.token.button.backgroundFillColor,textColor:f.token.button.textFillColor,dimColor:f.token.button.dimFillColor,gradientStartColor:f.token.button.gradientStartFillColor,gradientEndColor:f.token.button.gradientEndFillColor,loaderColor:f.token.button.loaderFillColor},h=!(l||n),[H,j]=J(!1),I=A(y=>{V?.(y),h!==!1&&j(!0)},[V,h]),P=A(y=>{z?.(y),h!==!1&&j(!1)},[z,h]),p=ie({style:u,display:c});M(()=>{if(H){p.controller.pressed.start();return}if(n&&D.controller.loader.start(),n&&l){p.controller.loadingWhileDisabled.start();return}if(n&&!l){p.controller.loading.start();return}if(!n&&l){p.controller.disabled.start();return}p.controller.default.start()},[n,l,p.controller,D.controller,H]);const T=L.map(a,(y,G)=>typeof y=="string"||typeof y=="number"?d(Z,{typography:oe[o],color:g??k.textColor,style:N,fontWeight:"semibold",children:y}):d(_,{children:y},G));return d(K,{accessibilityRole:"button",onPress:h?i:void 0,pointerEvents:q,onPressIn:I,onPressOut:P,style:[ee[c],s],ref:E,...O,accessibilityState:{disabled:l,...O.accessibilityState},children:x(e.View,{ref:E,style:[containerStylesBySize.base,containerStylesBySize[o],te[c],p.style.container,C],children:[d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:k.backgroundColor},p.style.background]}),x(e.View,{style:[{flexDirection:"row",alignItems:"center"},p.style.text],children:[w,T]}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.gradient],children:d(Q,{style:{width:"110%",aspectRatio:1},children:d(Y,{colors:[k.gradientStartColor,k.gradientEndColor]})})}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.loader],children:x(e.View,{style:{flexDirection:"row",gap:7},children:[d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader1]}),d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader2]}),d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader3]})]})}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:k.dimColor},p.style.dim]})]})})});export const containerStylesBySize=B.create({base:{alignItems:"center",justifyContent:"center",overflow:"hidden",position:"relative"},tiny:{paddingHorizontal:10,paddingVertical:2,minHeight:32,minWidth:52,borderRadius:8},medium:{paddingHorizontal:16,paddingVertical:2,minHeight:38,minWidth:64,borderRadius:10},large:{paddingHorizontal:16,paddingVertical:2,minHeight:48,minWidth:80,borderRadius:14},big:{paddingHorizontal:28,paddingVertical:2,minHeight:56,minWidth:96,borderRadius:16}});const ee=B.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),te=B.create({inline:{},block:{},full:{borderRadius:0}});function R(){const r=m(.2),a=m(.8),i=A(()=>e.parallel([e.loop(e.sequence([e.timing(r,{toValue:1,duration:300,easing:b.linear,useNativeDriver:!1}),e.timing(r,{toValue:.2,duration:300,easing:b.linear,useNativeDriver:!1})])),e.loop(e.sequence([e.timing(a,{toValue:1,duration:300,easing:b.linear,useNativeDriver:!1}),e.timing(a,{toValue:.8,duration:300,easing:b.linear,useNativeDriver:!1})]))]),[r,a]);return v(()=>({style:{loader:{opacity:r,transform:[{scale:a}]}},controller:{create:i}}),[r,a,i])}function re(){const r=R(),a=R(),i=R(),o=v(()=>e.parallel([e.sequence([r.controller.create()]),e.sequence([e.delay(100),a.controller.create()]),e.sequence([e.delay(200),i.controller.create()])]),[r.controller,a.controller,i.controller]);return v(()=>({style:{loader1:r.style.loader,loader2:a.style.loader,loader3:i.style.loader},controller:{loader:{...o,start:()=>{o.reset(),o.start()}}}}),[r.style.loader,a.style.loader,i.style.loader,o])}function ie({style:r,display:a}){const i=m(1),o=m(1),u=m(1),c=m(1),l=m(1),n=m(0),s=m(0),g=m(0),C=v(()=>e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(c,{toValue:1,...t.quick,delay:100,useNativeDriver:!1}),e.spring(g,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})]),[u,i,o,n,s,g,c,l]),N=v(()=>e.parallel([e.spring(n,{toValue:.26,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),a==="inline"?e.spring(o,{toValue:.96,...t.rapid,useNativeDriver:!1}):e.spring(l,{toValue:.96,...t.rapid,useNativeDriver:!1})]),[u,o,n,a,s,l]),q=v(()=>(s.setValue(0),e.parallel([e.spring(n,{toValue:.13,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.loop(e.sequence([e.timing(s,{toValue:r==="fill"?.7:.24,easing:b.bezier(...S.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...S.out),duration:600,useNativeDriver:!1})])),e.spring(c,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(g,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})])),[u,i,o,n,s,g,r,c,l]),w=v(()=>(s.setValue(0),e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:r==="fill"?.26:1,...t.quick,useNativeDriver:!1}),e.loop(e.sequence([e.timing(s,{toValue:r==="fill"?.2:.14,easing:b.bezier(...S.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...S.out),duration:600,useNativeDriver:!1})])),e.spring(c,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(g,{toValue:r==="fill"?.7:.3,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})])),[u,i,o,n,s,g,r,c,l]),V=v(()=>e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(c,{toValue:r==="fill"?1:.38,...t.quick,delay:100,useNativeDriver:!1}),e.spring(g,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:r==="fill"?.26:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})]),[u,i,o,n,s,g,r,c,l]);return v(()=>({style:{container:{opacity:i,transform:[{scale:o}]},background:{opacity:u},text:{opacity:c,transform:[{scale:l}]},dim:{opacity:n},gradient:{opacity:s},loader:{opacity:g}},controller:{default:C,pressed:N,loading:q,loadingWhileDisabled:w,disabled:V}}),[u,i,o,C,n,V,s,g,q,w,N,c,l])}const oe={tiny:"t7",medium:"t6",large:"st9",big:"st9"},ae={danger:W.red500,light:W.whiteOpacity900,dark:W.grey700};export const Button=F(function({type:a,...i},o){const u=v(()=>a===void 0||a==="primary"?{}:{color:{primary:ae[a]}},[a]);return d(U,{token:u,children:d($,{...i,ref:o})})});

package/dist/esm/components/button/ButtonDerivedTokenGenerator.d.ts

@@ -1,5 +1,5 @@
-import { BaseDerivedTokenGenerator } from '../../core/theme/deriveToken/BaseDerivedTokenGenerator.js';
-import type { SeedToken } from '../../core/theme/seedToken/seedToken.js';
+import { BaseDerivedTokenGenerator } from '../../core/theme/deriveToken/BaseDerivedTokenGenerator';
+import type { SeedToken } from '../../core/theme/seedToken/seedToken';
 export type ButtonDerivedTheme = {
     backgroundFillColor: string;
     textFillColor: string;