@toss/tds-react-native 1.3.0 → 1.3.2

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

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { AssetUnion, LegacyFrameShape } from './types';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { AssetUnion, LegacyFrameShape } from './types.js';
 export interface AssetProps {
     resource: ReactElement;
     frame: LegacyFrameShape;

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

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useMemo as r}from"react";import{StyleSheet as n,View as s}from"react-native";import{AssetContext as c}from"./blocks/AssetContext";export const Asset=({resource:h,frame:e,union:t,style:l})=>{const d=r(()=>({width:e.width,height:e.height,borderRadius:e.radius,backgroundColor:e.color}),[e]),a=r(()=>t?.type==="overlap"?{shadowColor:t.color,shadowOffset:{width:e?.overlap?.x??0,height:e?.overlap?.y??0},shadowOpacity:1,shadowRadius:e?.overlap?.blur??0}:{},[e,t]);return o(c.Provider,{value:{shape:e},children:o(s,{style:[i.frameContainer,a,l],children:o(s,{style:[d,i.frame],children:h})})})};const i=n.create({frameContainer:{},frame:{overflow:"hidden",justifyContent:"center"}});
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useMemo as r}from"react";import{StyleSheet as n,View as s}from"react-native";import{AssetContext as c}from"./blocks/AssetContext.js";export const Asset=({resource:h,frame:e,union:t,style:l})=>{const d=r(()=>({width:e.width,height:e.height,borderRadius:e.radius,backgroundColor:e.color}),[e]),a=r(()=>t?.type==="overlap"?{shadowColor:t.color,shadowOffset:{width:e?.overlap?.x??0,height:e?.overlap?.y??0},shadowOpacity:1,shadowRadius:e?.overlap?.blur??0}:{},[e,t]);return o(c.Provider,{value:{shape:e},children:o(s,{style:[i.frameContainer,a,l],children:o(s,{style:[d,i.frame],children:h})})})};const i=n.create({frameContainer:{},frame:{overflow:"hidden",justifyContent:"center"}});

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { ComponentProps } from 'react';
-import { ContentImage } from './blocks/ContentImage';
-import { AssetCommonType } from './types';
+import type { ComponentProps } from 'react';
+import { ContentImage } from './blocks/ContentImage.js';
+import type { AssetCommonType } from './types.js';
 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";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})})}
+"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})})}

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

@@ -1,6 +1,6 @@
-import { ComponentProps } from 'react';
-import { ContentLottie } from './blocks/ContentLottie';
-import { AssetCommonType } from './types';
+import type { ComponentProps } from 'react';
+import { ContentLottie } from './blocks/ContentLottie.js';
+import type { AssetCommonType } from './types.js';
 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";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})})}
+"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})})}

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

@@ -1,4 +1,4 @@
-import { TxtProps } from '../../txt';
+import type { TxtProps } from '../../txt/index.js';
 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";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.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"};

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

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
-import { Frame } from './blocks/Frame';
-import { ResourceText } from './Resource/ResourceText';
-import { AssetCommonType } from './types';
+import type { ComponentProps } from 'react';
+import { Frame } from './blocks/Frame.js';
+import { ResourceText } from './Resource/ResourceText.js';
+import type { AssetCommonType } from './types.js';
 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";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})})}
+"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})})}

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

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

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

@@ -1,5 +1,5 @@
-import { IconProps } from '../../icon';
-import { AssetResourceScale, AssetResourceScaleType } from '../types';
+import type { IconProps } from '../../icon/index.js';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
 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";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]})})}
+"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]})})}

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

@@ -1,6 +1,6 @@
 import { Image } from '@granite-js/react-native';
-import { ComponentProps } from 'react';
-import { AssetResourceScale, AssetResourceScaleType } from '../types';
+import type { ComponentProps } from 'react';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
 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 { ComponentProps } from 'react';
-import { AssetResourceScale, AssetResourceScaleType } from '../types';
+import type { ComponentProps } from 'react';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
 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,6 +1,7 @@
-import { ReactNode } from 'react';
-import { View, ViewProps } from 'react-native';
-import { FrameAccPositionType, FrameShapeType } from '../types';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
+import type { FrameAccPositionType, FrameShapeType } from '../types.js';
 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";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"}});
+"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"}});

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

@@ -1,12 +1,12 @@
-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';
+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';
 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").AssetProps) => import("react/jsx-runtime").JSX.Element) & CompoundComposition;
-export { frameShape } from './presets/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';

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

@@ -1 +1 @@
-"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";
+"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";

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

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

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

@@ -1,4 +1,4 @@
-import { DimensionValue, ViewProps } from 'react-native';
+import type { DimensionValue, ViewProps } from 'react-native';
 /**
  * AssetFrame
  */

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

@@ -1,5 +1,5 @@
-import type { ParagraphBadgeProps } from '../paragraph';
-import { TypographyKeys } from '../txt';
+import type { ParagraphBadgeProps } from '../paragraph/index.js';
+import type { TypographyKeys } from '../txt/index.js';
 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";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/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;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface BoardRowProps {
     /**
      * `BoardRow` 컴포넌트의 헤더 영역에 표시될 제목이에요.

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";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;
+"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;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import { View } from 'react-native';
 export type BorderType = 'full' | 'padding24' | 'height16';
 interface BaseProps {

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";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/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;

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

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

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

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

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

@@ -1,2 +1,2 @@
-import { TxtProps } from '../txt';
+import type { TxtProps } from '../txt/index.js';
 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";import{Txt as p}from"../txt";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/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})}

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { CommonProps } from './types';
+import type { ReactElement } from 'react';
+import type { CommonProps } from './types.js';
 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";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;
+"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;

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as n}from"react/jsx-runtime";import s,{Defs as a,LinearGradient as f,Rect as p,Stop as e}from"@granite-js/native/react-native-svg";import{View as c}from"react-native";export function BottomCTAGradient({stopColor:r}){return n(s,{height:o,pointerEvents:"none",style:{transform:[{scaleX:1.5}]},children:[t(a,{children:n(f,{id:i,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[t(e,{offset:0,stopColor:r,stopOpacity:0}),t(e,{offset:.75,stopColor:r})]})}),t(p,{x:"0",y:"0",width:"100%",height:o,fill:`url(#${i})`})]})}function l(){return t(c,{style:{marginTop:-(o-1)}})}const i="tds-rn-bottom-cta-gradient",o=37;BottomCTAGradient.TopMargin=l,BottomCTAGradient.HEIGHT=o;
+"use strict";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Svg as s,Defs as a,LinearGradient as f,Rect as p,Stop as e}from"@granite-js/native/react-native-svg";import{View as c}from"react-native";export function BottomCTAGradient({stopColor:r}){return n(s,{height:o,pointerEvents:"none",style:{transform:[{scaleX:1.5}]},children:[t(a,{children:n(f,{id:i,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[t(e,{offset:0,stopColor:r,stopOpacity:0}),t(e,{offset:.75,stopColor:r})]})}),t(p,{x:"0",y:"0",width:"100%",height:o,fill:`url(#${i})`})]})}function l(){return t(c,{style:{marginTop:-(o-1)}})}const i="tds-rn-bottom-cta-gradient",o=37;BottomCTAGradient.TopMargin=l,BottomCTAGradient.HEIGHT=o;

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

@@ -1,6 +1,6 @@
-import { ComponentProps } from 'react';
-import { Button } from '../button';
-import { CommonProps } from './types';
+import type { ComponentProps } from 'react';
+import { Button } from '../button/index.js';
+import type { CommonProps } from './types.js';
 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";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;
+"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;

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

@@ -1,5 +1,5 @@
-export * from './BottomCTA';
-export type { BottomCTADoubleProps } from './BottomCTADouble';
-export { BottomCTAGradient } from './BottomCTAGradient';
-export type { BottomCTASingleProps } from './BottomCTASingle';
-export * from './useBottomCTAContainerStyle';
+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';

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

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

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export type CommonProps = {
     topAccessory?: ReactNode;
     bottomAccessory?: ReactNode;

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

@@ -1,4 +1,4 @@
-import { ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
 interface Props {
     type: 'single' | 'double';
     keyboardStyleEnabled: boolean;

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

@@ -1 +1 @@
-"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)}}
+"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)}}

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface BottomInfoProps {
     children?: ReactNode | ReactNode[];
     style?: StyleProp<ViewStyle>;

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";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;
+"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;

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

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

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

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

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

@@ -1,9 +1,14 @@
-import { BottomSheetCTA, DoubleCTAProps, SingleCTAProps } from './CTA';
-import { BottomSheetHeader, HeaderProps } from './Header';
-import { BottomSheetHeaderDescription, HeaderDescriptionProps } from './HeaderDescription';
-import { BottomSheetRoot, RootProps } from './Root';
-import { BottomSheetSelect, SelectProps } from './Select';
-import * as BottomSheetTypes from './types';
+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';
 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";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};
+"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};

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface DoubleCTAProps {
     leftButton: ReactNode;
     rightButton: ReactNode;

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";import{Txt as a}from"../../txt/index";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}});
+"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}});

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

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as e}from"react/jsx-runtime";import s,{Defs as d,LinearGradient as f,Rect as a,Stop as i}from"@granite-js/native/react-native-svg";import{memo as c}from"react";export const Gradient=c(function({height:o,stopColor:r}){return e(s,{height:o,pointerEvents:"none",children:[t(d,{children:e(f,{id:n,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[t(i,{offset:0,stopColor:r,stopOpacity:0}),t(i,{offset:1,stopColor:r})]})}),t(a,{x:"0",y:"0",width:"100%",height:o,fill:`url(#${n})`})]})});const n="tds-rn-bottom-cta-gradient";
+"use strict";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Svg as s,Defs as d,LinearGradient as f,Rect as a,Stop as i}from"@granite-js/native/react-native-svg";import{memo as c}from"react";export const Gradient=c(function({height:o,stopColor:r}){return e(s,{height:o,pointerEvents:"none",children:[t(d,{children:e(f,{id:n,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[t(i,{offset:0,stopColor:r,stopOpacity:0}),t(i,{offset:1,stopColor:r})]})}),t(a,{x:"0",y:"0",width:"100%",height:o,fill:`url(#${n})`})]})});const n="tds-rn-bottom-cta-gradient";

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

@@ -1,5 +1,5 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Button } from '../../button/index';
+import type { ComponentProps, ReactNode } from 'react';
+import { Button } from '../../button/index.js';
 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";import{Button as y}from"../../button/index";import{Txt as p}from"../../txt/index";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"}});
+"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"}});

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

@@ -1,5 +1,7 @@
-import { BottomSheetDoubleCTA, DoubleCTAProps } from './DoubleCTA';
-import { BottomSheetSingleCTA, SingleCTAProps } from './SingleCTA';
+import type { DoubleCTAProps } from './DoubleCTA.js';
+import { BottomSheetDoubleCTA } from './DoubleCTA.js';
+import type { SingleCTAProps } from './SingleCTA.js';
+import { BottomSheetSingleCTA } from './SingleCTA.js';
 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";import{BottomSheetSingleCTA as m}from"./SingleCTA";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.js";import{BottomSheetSingleCTA as m}from"./SingleCTA.js";export const BottomSheetCTA=function(o){return t(m,{...o})};BottomSheetCTA.Double=e;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface ContainerProps {
     open: boolean;
     children: ReactNode;

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";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}});
+"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}});

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";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/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}});

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

@@ -1,5 +1,5 @@
-import { ComponentProps, ReactNode } from 'react';
-import { View } from 'react-native';
+import type { ComponentProps, ReactNode } from 'react';
+import type { View } from 'react-native';
 interface Props extends ComponentProps<typeof View> {
     children: ReactNode;
     onDraggedUp?: () => void;

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";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/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}})})});