@toss/tds-react-native 1.2.1 → 1.3.1

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),border_1=require("../border"),icon_1=require("../icon"),txt_1=require("../txt");function BoardRow({title:r,icon:o,contents:n}){const[e,i]=(0,react_1.useState)(!1),t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"column"},children:[(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"button",accessibilityState:{expanded:e},onPress:()=>{i(!e)},style:{paddingLeft:24,paddingTop:16,paddingBottom:15,paddingRight:16,flexDirection:"row"},children:[o,(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"regular",color:e?tds_colors_1.colors.blue500:t.grey700,typography:"t5",children:r}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}}),(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icn-arrow-rightwards",color:t.grey400,size:24,style:{transform:[{rotate:e?"90deg":"0deg"}]}})]}),e?null:(0,jsx_runtime_1.jsx)(border_1.Border,{type:"padding24",style:{backgroundColor:t.grey200}}),e?(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingHorizontal:24,paddingVertical:16,backgroundColor:t.greyBackground},children:n})}):null]})}BoardRow.QuestionIcon=QuestionIcon,BoardRow.QIcon=QIcon;function QuestionIcon(){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingRight:16},children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icon-question-gray-fill",size:24})})}function QIcon(){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{fontSize:19,color:tds_colors_1.colors.blue500,marginRight:8,lineHeight:23},children:"Q"})}exports.default=BoardRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../border/index.js"),index_js_3=require("../icon/index.js"),index_js_4=require("../txt/index.js");function BoardRow({title:r,icon:n,contents:i}){const[e,o]=(0,react_1.useState)(!1),t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"column"},children:[(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"button",accessibilityState:{expanded:e},onPress:()=>{o(!e)},style:{paddingLeft:24,paddingTop:16,paddingBottom:15,paddingRight:16,flexDirection:"row"},children:[n,(0,jsx_runtime_1.jsx)(index_js_4.Txt,{fontWeight:"regular",color:e?tds_colors_1.colors.blue500:t.grey700,typography:"t5",children:r}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}}),(0,jsx_runtime_1.jsx)(index_js_3.Icon,{name:"icn-arrow-rightwards",color:t.grey400,size:24,style:{transform:[{rotate:e?"90deg":"0deg"}]}})]}),e?null:(0,jsx_runtime_1.jsx)(index_js_2.Border,{type:"padding24",style:{backgroundColor:t.grey200}}),e?(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingHorizontal:24,paddingVertical:16,backgroundColor:t.greyBackground},children:i})}):null]})}BoardRow.QuestionIcon=QuestionIcon,BoardRow.QIcon=QIcon;function QuestionIcon(){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingRight:16},children:(0,jsx_runtime_1.jsx)(index_js_3.Icon,{name:"icon-question-gray-fill",size:24})})}function QIcon(){return(0,jsx_runtime_1.jsx)(index_js_4.Txt,{style:{fontSize:19,color:tds_colors_1.colors.blue500,marginRight:8,lineHeight:23},children:"Q"})}exports.default=BoardRow;

package/dist/cjs/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/cjs/components/board-row/index.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BoardRow=void 0;var BoardRow_1=require("./BoardRow");Object.defineProperty(exports,"BoardRow",{enumerable:!0,get:function(){return __importDefault(BoardRow_1).default}});
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BoardRow=void 0;var BoardRow_js_1=require("./BoardRow.js");Object.defineProperty(exports,"BoardRow",{enumerable:!0,get:function(){return __importDefault(BoardRow_js_1).default}});

package/dist/cjs/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/cjs/components/border/Border.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_native_1=require("react-native");function Border({type:e="full",style:t,height:i,...r}){const n=(0,core_1.useAdaptive)();return e==="full"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:"100%",height:react_native_1.StyleSheet.hairlineWidth,backgroundColor:n.greyOpacity300},t],...r}):e==="padding24"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingLeft:24},t],...r,children:(0,jsx_runtime_1.jsx)(Hairline,{})}):(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:"100%",height:i??16,backgroundColor:n.greyBackground}],...r})}function Hairline({style:e,...t}){const i=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:react_native_1.StyleSheet.hairlineWidth,backgroundColor:i.greyOpacity300},e],...t})}exports.default=Border;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_native_1=require("react-native");function Border({type:e="full",style:t,height:i,...r}){const n=(0,index_js_1.useAdaptive)();return e==="full"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:"100%",height:react_native_1.StyleSheet.hairlineWidth,backgroundColor:n.greyOpacity300},t],...r}):e==="padding24"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingLeft:24},t],...r,children:(0,jsx_runtime_1.jsx)(Hairline,{})}):(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:"100%",height:i??16,backgroundColor:n.greyBackground}],...r})}function Hairline({style:e,...t}){const i=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:react_native_1.StyleSheet.hairlineWidth,backgroundColor:i.greyOpacity300},e],...t})}exports.default=Border;

package/dist/cjs/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/cjs/components/border/index.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Border=void 0;var Border_1=require("./Border");Object.defineProperty(exports,"Border",{enumerable:!0,get:function(){return __importDefault(Border_1).default}});
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Border=void 0;var Border_js_1=require("./Border.js");Object.defineProperty(exports,"Border",{enumerable:!0,get:function(){return __importDefault(Border_js_1).default}});

package/dist/cjs/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/cjs/components/bottom-cta/AccessoryText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccessoryText=AccessoryText;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt");function AccessoryText(e){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",color:t.grey600,...e})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccessoryText=AccessoryText;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js");function AccessoryText(e){const t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t6",color:t.grey600,...e})}

package/dist/cjs/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/cjs/components/bottom-cta/BottomCTA.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomCTAGradient=exports.BottomCTA=void 0;const BottomCTADouble_1=__importDefault(require("./BottomCTADouble")),BottomCTASingle_1=__importDefault(require("./BottomCTASingle"));exports.BottomCTA={Single:BottomCTASingle_1.default,Double:BottomCTADouble_1.default};var BottomCTAGradient_1=require("./BottomCTAGradient");Object.defineProperty(exports,"BottomCTAGradient",{enumerable:!0,get:function(){return BottomCTAGradient_1.BottomCTAGradient}});
+"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomCTAGradient=exports.BottomCTA=void 0;const BottomCTADouble_js_1=__importDefault(require("./BottomCTADouble.js")),BottomCTASingle_js_1=__importDefault(require("./BottomCTASingle.js"));exports.BottomCTA={Single:BottomCTASingle_js_1.default,Double:BottomCTADouble_js_1.default};var BottomCTAGradient_js_1=require("./BottomCTAGradient.js");Object.defineProperty(exports,"BottomCTAGradient",{enumerable:!0,get:function(){return BottomCTAGradient_js_1.BottomCTAGradient}});

package/dist/cjs/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/cjs/components/bottom-cta/BottomCTADouble.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),utils_1=require("../../utils"),react_1=require("react"),react_native_1=require("react-native"),AccessoryText_1=require("./AccessoryText"),BottomCTAGradient_1=require("./BottomCTAGradient"),useBottomCTAContainerStyle_1=require("./useBottomCTAContainerStyle");function BottomCTADouble({gradient:e,topAccessory:t,bottomAccessory:r,containerStyle:i,keyboardStyleEnabled:s=!1,...n}){const o=(0,core_1.useAdaptive)(),l=(0,useBottomCTAContainerStyle_1.useBottomCTAContainerStyle)({type:"double",keyboardStyleEnabled:s}),c=(0,react_1.useMemo)(()=>(0,jsx_runtime_1.jsx)(BottomCTAGradient_1.BottomCTAGradient,{stopColor:o.layeredBackground}),[o.layeredBackground]),a=e!==null,u=e??c;return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[i,styles.containerStyle,l],children:[a?u:null,t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.topAccessory,children:(0,utils_1.isReactText)(t)?(0,jsx_runtime_1.jsx)(AccessoryText_1.AccessoryText,{children:t}):t}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.double,children:[(0,jsx_runtime_1.jsx)(DoubleButtonWrapper,{children:n.leftButton}),(0,jsx_runtime_1.jsx)(DoubleButtonWrapper,{children:n.rightButton})]}),r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessory,children:(0,utils_1.isReactText)(r)?(0,jsx_runtime_1.jsx)(AccessoryText_1.AccessoryText,{children:r}):r})]})}function DoubleButtonWrapper(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.doubleButtonWrapper,children:e.children})}const styles=react_native_1.StyleSheet.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}});exports.default=BottomCTADouble;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../../utils/index.js"),react_1=require("react"),react_native_1=require("react-native"),AccessoryText_js_1=require("./AccessoryText.js"),BottomCTAGradient_js_1=require("./BottomCTAGradient.js"),useBottomCTAContainerStyle_js_1=require("./useBottomCTAContainerStyle.js");function BottomCTADouble({gradient:e,topAccessory:t,bottomAccessory:r,containerStyle:i,keyboardStyleEnabled:s=!1,...n}){const o=(0,index_js_1.useAdaptive)(),l=(0,useBottomCTAContainerStyle_js_1.useBottomCTAContainerStyle)({type:"double",keyboardStyleEnabled:s}),c=(0,react_1.useMemo)(()=>(0,jsx_runtime_1.jsx)(BottomCTAGradient_js_1.BottomCTAGradient,{stopColor:o.layeredBackground}),[o.layeredBackground]),a=e!==null,d=e??c;return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[i,styles.containerStyle,l],children:[a?d:null,t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.topAccessory,children:(0,index_js_2.isReactText)(t)?(0,jsx_runtime_1.jsx)(AccessoryText_js_1.AccessoryText,{children:t}):t}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.double,children:[(0,jsx_runtime_1.jsx)(DoubleButtonWrapper,{children:n.leftButton}),(0,jsx_runtime_1.jsx)(DoubleButtonWrapper,{children:n.rightButton})]}),r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessory,children:(0,index_js_2.isReactText)(r)?(0,jsx_runtime_1.jsx)(AccessoryText_js_1.AccessoryText,{children:r}):r})]})}function DoubleButtonWrapper(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.doubleButtonWrapper,children:e.children})}const styles=react_native_1.StyleSheet.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}});exports.default=BottomCTADouble;

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

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(r,e,i,t){t===void 0&&(t=i);var n=Object.getOwnPropertyDescriptor(e,i);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(r,t,n)}:function(r,e,i,t){t===void 0&&(t=i),r[t]=e[i]},__setModuleDefault=Object.create?function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}:function(r,e){r.default=e},__importStar=function(){var r=function(e){return r=Object.getOwnPropertyNames||function(i){var t=[];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[t.length]=n);return t},r(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var t=r(e),n=0;n<t.length;n++)t[n]!=="default"&&__createBinding(i,e,t[n]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomCTAGradient=BottomCTAGradient;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),react_native_1=require("react-native");function BottomCTAGradient({stopColor:r}){return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{height:HEIGHT,pointerEvents:"none",style:{transform:[{scaleX:1.5}]},children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:r,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:.75,stopColor:r})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:HEIGHT,fill:`url(#${GRADIENT_ID})`})]})}function TopMargin(){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{marginTop:-(HEIGHT-1)}})}const GRADIENT_ID="tds-rn-bottom-cta-gradient",HEIGHT=37;BottomCTAGradient.TopMargin=TopMargin,BottomCTAGradient.HEIGHT=HEIGHT;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomCTAGradient=BottomCTAGradient;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("react-native");function BottomCTAGradient({stopColor:t}){return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{height:HEIGHT,pointerEvents:"none",style:{transform:[{scaleX:1.5}]},children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:t,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:.75,stopColor:t})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:HEIGHT,fill:`url(#${GRADIENT_ID})`})]})}function TopMargin(){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{marginTop:-(HEIGHT-1)}})}const GRADIENT_ID="tds-rn-bottom-cta-gradient",HEIGHT=37;BottomCTAGradient.TopMargin=TopMargin,BottomCTAGradient.HEIGHT=HEIGHT;

package/dist/cjs/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/cjs/components/bottom-cta/BottomCTASingle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),utils_1=require("../../utils"),button_1=require("../button"),Button_1=require("../button/Button"),AccessoryText_1=require("./AccessoryText"),BottomCTAGradient_1=require("./BottomCTAGradient"),useBottomCTAContainerStyle_1=require("./useBottomCTAContainerStyle");function BottomCTASingle({gradient:o,topAccessory:e,bottomAccessory:t,containerStyle:c,keyboardStyleEnabled:n=!1,display:l="block",...s}){const r=(0,core_1.useAdaptive)(),a=(0,react_1.useMemo)(()=>(0,jsx_runtime_1.jsx)(BottomCTAGradient_1.BottomCTAGradient,{stopColor:r.layeredBackground}),[r.layeredBackground]),u=o!==null,d=o??a,y=(0,utils_1.useKeyboardStatusLevel)()>=utils_1.KeyboardStatusLevel.WillShow,i=n?y?"full":"block":l,x=(0,useBottomCTAContainerStyle_1.useBottomCTAContainerStyle)({type:"single",keyboardStyleEnabled:n}),b=i==="block"?Button_1.containerStylesBySize.big.borderRadius:0;return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.containerStyle,x,c],children:[u?d:null,e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.topAccessory,children:(0,utils_1.isReactText)(e)?(0,jsx_runtime_1.jsx)(AccessoryText_1.AccessoryText,{children:e}):e}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:s.disabled&&{backgroundColor:r.background,borderRadius:b},children:(0,jsx_runtime_1.jsx)(button_1.Button,{display:i,size:"big",...s})}),t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessory,children:(0,utils_1.isReactText)(t)?(0,jsx_runtime_1.jsx)(AccessoryText_1.AccessoryText,{children:t}):t})]})}const styles=react_native_1.StyleSheet.create({containerStyle:{overflow:"hidden"},topAccessory:{marginBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessory:{marginTop:16,display:"flex",flexDirection:"row",justifyContent:"center"}});exports.default=BottomCTASingle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../../utils/index.js"),index_js_3=require("../button/index.js"),Button_js_1=require("../button/Button.js"),AccessoryText_js_1=require("./AccessoryText.js"),BottomCTAGradient_js_1=require("./BottomCTAGradient.js"),useBottomCTAContainerStyle_js_1=require("./useBottomCTAContainerStyle.js");function BottomCTASingle({gradient:r,topAccessory:e,bottomAccessory:t,containerStyle:c,keyboardStyleEnabled:n=!1,display:a="block",...o}){const s=(0,index_js_1.useAdaptive)(),l=(0,react_1.useMemo)(()=>(0,jsx_runtime_1.jsx)(BottomCTAGradient_js_1.BottomCTAGradient,{stopColor:s.layeredBackground}),[s.layeredBackground]),u=r!==null,d=r??l,y=(0,index_js_2.useKeyboardStatusLevel)()>=index_js_2.KeyboardStatusLevel.WillShow,i=n?y?"full":"block":a,x=(0,useBottomCTAContainerStyle_js_1.useBottomCTAContainerStyle)({type:"single",keyboardStyleEnabled:n}),j=i==="block"?Button_js_1.containerStylesBySize.big.borderRadius:0;return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.containerStyle,x,c],children:[u?d:null,e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.topAccessory,children:(0,index_js_2.isReactText)(e)?(0,jsx_runtime_1.jsx)(AccessoryText_js_1.AccessoryText,{children:e}):e}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:o.disabled&&{backgroundColor:s.background,borderRadius:j},children:(0,jsx_runtime_1.jsx)(index_js_3.Button,{display:i,size:"big",...o})}),t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessory,children:(0,index_js_2.isReactText)(t)?(0,jsx_runtime_1.jsx)(AccessoryText_js_1.AccessoryText,{children:t}):t})]})}const styles=react_native_1.StyleSheet.create({containerStyle:{overflow:"hidden"},topAccessory:{marginBottom:16,display:"flex",flexDirection:"row",justifyContent:"center"},bottomAccessory:{marginTop:16,display:"flex",flexDirection:"row",justifyContent:"center"}});exports.default=BottomCTASingle;

package/dist/cjs/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/cjs/components/bottom-cta/index.js

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

package/dist/cjs/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/cjs/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/cjs/components/bottom-cta/useBottomCTAContainerStyle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBottomCTAContainerStyle=useBottomCTAContainerStyle;const utils_1=require("../../utils");function useBottomCTAContainerStyle({type:t="single",keyboardStyleEnabled:o=!1}){const e=(0,utils_1.useSafeAreaBottom)()??0,n=(0,utils_1.useKeyboardStatusLevel)()>=utils_1.KeyboardStatusLevel.WillShow;return o&&n?t==="single"?{paddingHorizontal:0,paddingBottom:0}:{paddingHorizontal:20,paddingBottom:18}:{paddingHorizontal:20,paddingBottom:Math.max(e,18)}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBottomCTAContainerStyle=useBottomCTAContainerStyle;const index_js_1=require("../../utils/index.js");function useBottomCTAContainerStyle({type:t="single",keyboardStyleEnabled:o=!1}){const e=(0,index_js_1.useSafeAreaBottom)()??0,n=(0,index_js_1.useKeyboardStatusLevel)()>=index_js_1.KeyboardStatusLevel.WillShow;return o&&n?t==="single"?{paddingHorizontal:0,paddingBottom:0}:{paddingHorizontal:20,paddingBottom:18}:{paddingHorizontal:20,paddingBottom:Math.max(e,18)}}

package/dist/cjs/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/cjs/components/bottom-info/BottomInfo.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),utils_1=require("../../utils"),txt_1=require("../txt");function BottomInfo({children:t,style:r}){const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{backgroundColor:n.greyBackground},styles.container,r],children:react_1.Children.map(t,e=>(0,utils_1.isReactText)(e)?(0,jsx_runtime_1.jsx)(txt_1.Txt,{children:e}):e)})}const styles=react_native_1.StyleSheet.create({container:{padding:24}});exports.default=BottomInfo;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../../utils/index.js"),index_js_3=require("../txt/index.js");function BottomInfo({children:t,style:r}){const n=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{backgroundColor:n.greyBackground},styles.container,r],children:react_1.Children.map(t,e=>(0,index_js_2.isReactText)(e)?(0,jsx_runtime_1.jsx)(index_js_3.Txt,{children:e}):e)})}const styles=react_native_1.StyleSheet.create({container:{padding:24}});exports.default=BottomInfo;

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

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

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

@@ -1 +1 @@
-"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomInfo=void 0;var BottomInfo_1=require("./BottomInfo");Object.defineProperty(exports,"BottomInfo",{enumerable:!0,get:function(){return __importDefault(BottomInfo_1).default}});
+"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomInfo=void 0;var BottomInfo_js_1=require("./BottomInfo.js");Object.defineProperty(exports,"BottomInfo",{enumerable:!0,get:function(){return __importDefault(BottomInfo_js_1).default}});

package/dist/cjs/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/cjs/components/bottom-sheet/BottomSheet.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheet=void 0;const CTA_1=require("./CTA"),Header_1=require("./Header"),HeaderDescription_1=require("./HeaderDescription"),Root_1=require("./Root"),Select_1=require("./Select");exports.BottomSheet={Root:Root_1.BottomSheetRoot,Header:Header_1.BottomSheetHeader,HeaderDescription:HeaderDescription_1.BottomSheetHeaderDescription,CTA:CTA_1.BottomSheetCTA,Select:Select_1.BottomSheetSelect};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheet=void 0;const index_js_1=require("./CTA/index.js"),Header_js_1=require("./Header.js"),HeaderDescription_js_1=require("./HeaderDescription.js"),Root_js_1=require("./Root.js"),Select_js_1=require("./Select.js");exports.BottomSheet={Root:Root_js_1.BottomSheetRoot,Header:Header_js_1.BottomSheetHeader,HeaderDescription:HeaderDescription_js_1.BottomSheetHeaderDescription,CTA:index_js_1.BottomSheetCTA,Select:Select_js_1.BottomSheetSelect};

package/dist/cjs/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/cjs/components/bottom-sheet/CTA/DoubleCTA.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDoubleCTA=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_1=require("../../../core/index"),index_2=require("../../txt/index"),react_1=require("react"),react_native_1=require("react-native"),CTAAnimation_1=require("../utils/CTAAnimation"),Gradient_1=require("./Gradient");exports.BottomSheetDoubleCTA=(0,react_1.memo)(function({topAccessory:e,bottomAccessory:t,ctaContentGap:n=34,leftButton:i,rightButton:o}){const r=(0,index_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(CTAAnimation_1.BottomSheetCTAAnimation,{style:[styles.container],children:[(0,jsx_runtime_1.jsx)(Gradient_1.Gradient,{height:n,stopColor:r.layeredBackground}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{backgroundColor:r.layeredBackground},children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.topAccessoryWrapper,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t6",color:r.grey600,children:e}):e}):null,(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.buttonsWrapper,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.buttonWrapper,children:i}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.buttonWrapper,children:o})]}),t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessoryWrapper,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:"t6",color:r.grey600,children:t}):t}):null]})]})});const styles=react_native_1.StyleSheet.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";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDoubleCTA=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../txt/index.js"),react_1=require("react"),react_native_1=require("react-native"),CTAAnimation_js_1=require("../utils/CTAAnimation.js"),Gradient_js_1=require("./Gradient.js");exports.BottomSheetDoubleCTA=(0,react_1.memo)(function({topAccessory:e,bottomAccessory:t,ctaContentGap:n=34,leftButton:i,rightButton:o}){const r=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(CTAAnimation_js_1.BottomSheetCTAAnimation,{style:[styles.container],children:[(0,jsx_runtime_1.jsx)(Gradient_js_1.Gradient,{height:n,stopColor:r.layeredBackground}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{backgroundColor:r.layeredBackground},children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.topAccessoryWrapper,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t6",color:r.grey600,children:e}):e}):null,(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.buttonsWrapper,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.buttonWrapper,children:i}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.buttonWrapper,children:o})]}),t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessoryWrapper,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t6",color:r.grey600,children:t}):t}):null]})]})});const styles=react_native_1.StyleSheet.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/cjs/components/bottom-sheet/CTA/Gradient.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(e,t);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(i,r,n)}:function(i,e,t,r){r===void 0&&(r=t),i[r]=e[t]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=i(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(t,e,r[n]);return __setModuleDefault(t,e),t}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.Gradient=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),react_1=require("react");exports.Gradient=(0,react_1.memo)(function({height:e,stopColor:t}){return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{height:e,pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:t,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:t})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:e,fill:`url(#${GRADIENT_ID})`})]})});const GRADIENT_ID="tds-rn-bottom-cta-gradient";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Gradient=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_1=require("react");exports.Gradient=(0,react_1.memo)(function({height:e,stopColor:t}){return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{height:e,pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient,{id:GRADIENT_ID,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:0,stopColor:t,stopOpacity:0}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:1,stopColor:t})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:e,fill:`url(#${GRADIENT_ID})`})]})});const GRADIENT_ID="tds-rn-bottom-cta-gradient";

package/dist/cjs/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/cjs/components/bottom-sheet/CTA/SingleCTA.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetSingleCTA=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../core/index"),index_2=require("../../button/index"),index_3=require("../../txt/index"),CTAAnimation_1=require("../utils/CTAAnimation"),Gradient_1=require("./Gradient");exports.BottomSheetSingleCTA=(0,react_1.memo)(function({topAccessory:e,bottomAccessory:t,ctaContentGap:i=34,display:n="block",...o}){const r=(0,index_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(CTAAnimation_1.BottomSheetCTAAnimation,{style:[styles.container],children:[(0,jsx_runtime_1.jsx)(Gradient_1.Gradient,{height:i,stopColor:r.layeredBackground}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{backgroundColor:r.layeredBackground},children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.topAccessoryWrapper,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(index_3.Txt,{typography:"t6",color:r.grey600,children:e}):e}):null,(0,jsx_runtime_1.jsx)(index_2.Button,{...o,size:"big",display:n}),t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessoryWrapper,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(index_3.Txt,{typography:"t6",color:r.grey600,children:t}):t}):null]})]})});const styles=react_native_1.StyleSheet.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";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetSingleCTA=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../button/index.js"),index_js_3=require("../../txt/index.js"),CTAAnimation_js_1=require("../utils/CTAAnimation.js"),Gradient_js_1=require("./Gradient.js");exports.BottomSheetSingleCTA=(0,react_1.memo)(function({topAccessory:e,bottomAccessory:t,ctaContentGap:i=34,display:n="block",...o}){const r=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(CTAAnimation_js_1.BottomSheetCTAAnimation,{style:[styles.container],children:[(0,jsx_runtime_1.jsx)(Gradient_js_1.Gradient,{height:i,stopColor:r.layeredBackground}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{backgroundColor:r.layeredBackground},children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.topAccessoryWrapper,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:"t6",color:r.grey600,children:e}):e}):null,(0,jsx_runtime_1.jsx)(index_js_2.Button,{...o,size:"big",display:n}),t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessoryWrapper,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:"t6",color:r.grey600,children:t}):t}):null]})]})});const styles=react_native_1.StyleSheet.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/cjs/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/cjs/components/bottom-sheet/CTA/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetCTA=void 0;const jsx_runtime_1=require("react/jsx-runtime"),DoubleCTA_1=require("./DoubleCTA"),SingleCTA_1=require("./SingleCTA");exports.BottomSheetCTA=function(e){return(0,jsx_runtime_1.jsx)(SingleCTA_1.BottomSheetSingleCTA,{...e})},exports.BottomSheetCTA.Double=DoubleCTA_1.BottomSheetDoubleCTA;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetCTA=void 0;const jsx_runtime_1=require("react/jsx-runtime"),DoubleCTA_js_1=require("./DoubleCTA.js"),SingleCTA_js_1=require("./SingleCTA.js");exports.BottomSheetCTA=function(e){return(0,jsx_runtime_1.jsx)(SingleCTA_js_1.BottomSheetSingleCTA,{...e})},exports.BottomSheetCTA.Double=DoubleCTA_js_1.BottomSheetDoubleCTA;

package/dist/cjs/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/cjs/components/bottom-sheet/Container.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetContainer=BottomSheetContainer;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),utils_1=require("../../utils"),DragAnimation_1=require("./DragAnimation"),usePreservedCallback_1=require("./utils/usePreservedCallback"),defaultSafeAreaBottom=10,noop=()=>{};function BottomSheetContainer({open:t,children:u,onDragFinished:l,onDragToClose:d,onDraggedDown:g,onDraggedMiddle:h,onDraggedUp:m,onExited:f,style:v,unstable_disableDragging:b=!1}){const r=(0,react_native_1.useWindowDimensions)(),y=(0,core_1.useAdaptive)(),a=(0,usePreservedCallback_1.usePreservedCallback)(f??noop),p=(0,react_1.useRef)(0),n=(0,react_1.useRef)(new react_native_1.Animated.Value(r.height)).current,s=(0,utils_1.useSafeAreaBottom)()||defaultSafeAreaBottom,{typographyLevel:c}=(0,core_1.useTypographyTheme)(),S=react_native_1.Platform.OS==="android"?c>150:c?.startsWith("A11y"),_=r.height*(S?.9:.7),e=(0,react_1.useCallback)(({moveTo:o})=>react_native_1.Animated.spring(n,{toValue:o,useNativeDriver:!0,...tds_easings_1.spring.quick}),[n]);return(0,react_1.useEffect)(()=>{if(t)return e({moveTo:-s}).start(),()=>{e({moveTo:r.height}).start(()=>{a?.()})}},[e,r.height,a,t,s]),(0,react_1.useEffect)(()=>{if(!t||react_native_1.Platform.OS!=="ios")return;const o=react_native_1.Keyboard.addListener("keyboardWillShow",w=>{const A=w.endCoordinates.height;e({moveTo:-(defaultSafeAreaBottom+A)}).start()}),i=react_native_1.Keyboard.addListener("keyboardWillHide",()=>{e({moveTo:-s}).start()});return()=>{o.remove(),i.remove()}},[e,s,t]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.wrapper,{transform:[{translateY:n}]}],children:(0,jsx_runtime_1.jsx)(DragAnimation_1.BottomSheetDragAnimation,{onDraggedUp:m,onDraggedMiddle:h,onDraggedDown:g,onDragToClose:d,onDragFinished:l,unstable_disableDragging:b,style:[styles.container,{backgroundColor:y.layeredBackground,maxHeight:_,width:r.width-20},v],onLayout:o=>{const i=o.nativeEvent.layout.height;p.current=i,t||n.setValue(i)},children:u})})}const styles=react_native_1.StyleSheet.create({wrapper:{position:"absolute",bottom:0},container:{bottom:0,borderRadius:28,left:10}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetContainer=BottomSheetContainer;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../../utils/index.js"),DragAnimation_js_1=require("./DragAnimation.js"),usePreservedCallback_js_1=require("./utils/usePreservedCallback.js"),defaultSafeAreaBottom=10,noop=()=>{};function BottomSheetContainer({open:t,children:u,onDragFinished:d,onDragToClose:l,onDraggedDown:g,onDraggedMiddle:h,onDraggedUp:m,onExited:f,style:v,unstable_disableDragging:b=!1}){const r=(0,react_native_1.useWindowDimensions)(),_=(0,index_js_1.useAdaptive)(),a=(0,usePreservedCallback_js_1.usePreservedCallback)(f??noop),y=(0,react_1.useRef)(0),s=(0,react_1.useRef)(new react_native_1.Animated.Value(r.height)).current,n=(0,index_js_2.useSafeAreaBottom)()||defaultSafeAreaBottom,{typographyLevel:c}=(0,index_js_1.useTypographyTheme)(),p=react_native_1.Platform.OS==="android"?c>150:c?.startsWith("A11y"),S=r.height*(p?.9:.7),e=(0,react_1.useCallback)(({moveTo:o})=>react_native_1.Animated.spring(s,{toValue:o,useNativeDriver:!0,...tds_easings_1.spring.quick}),[s]);return(0,react_1.useEffect)(()=>{if(t)return e({moveTo:-n}).start(),()=>{e({moveTo:r.height}).start(()=>{a?.()})}},[e,r.height,a,t,n]),(0,react_1.useEffect)(()=>{if(!t||react_native_1.Platform.OS!=="ios")return;const o=react_native_1.Keyboard.addListener("keyboardWillShow",j=>{const w=j.endCoordinates.height;e({moveTo:-(defaultSafeAreaBottom+w)}).start()}),i=react_native_1.Keyboard.addListener("keyboardWillHide",()=>{e({moveTo:-n}).start()});return()=>{o.remove(),i.remove()}},[e,n,t]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.wrapper,{transform:[{translateY:s}]}],children:(0,jsx_runtime_1.jsx)(DragAnimation_js_1.BottomSheetDragAnimation,{onDraggedUp:m,onDraggedMiddle:h,onDraggedDown:g,onDragToClose:l,onDragFinished:d,unstable_disableDragging:b,style:[styles.container,{backgroundColor:_.layeredBackground,maxHeight:S,width:r.width-20},v],onLayout:o=>{const i=o.nativeEvent.layout.height;y.current=i,t||s.setValue(i)},children:u})})}const styles=react_native_1.StyleSheet.create({wrapper:{position:"absolute",bottom:0},container:{bottom:0,borderRadius:28,left:10}});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDimmer=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),dimmerOpacity={light:{normal:.2,darker:.4},dark:{normal:.56,darker:.8}},AnimatedPressable=react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);exports.BottomSheetDimmer=(0,react_1.forwardRef)(function({open:r,onPress:s},i){const{width:n,height:o}=(0,react_native_1.useWindowDimensions)(),{colorPreference:t}=(0,core_1.useColorPreference)(),e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{if(r)return react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal,useNativeDriver:!0,...tds_easings_1.spring.quick}).start(),()=>{requestAnimationFrame(()=>react_native_1.Animated.spring(e,{toValue:0,useNativeDriver:!0,...tds_easings_1.spring.quick}).start())}},[t,e,r]),(0,react_1.useImperativeHandle)(i,()=>({darken:()=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].darker,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},lighten:a=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal*(1-a),useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},reset:()=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()}}),[t,e]),(0,jsx_runtime_1.jsx)(AnimatedPressable,{pointerEvents:r?void 0:"none",onPress:s,style:[styles.container,{opacity:e},{width:n,height:o}]})});const styles=react_native_1.StyleSheet.create({container:{position:"absolute",top:0,left:0,bottom:0,right:0,backgroundColor:tds_colors_1.colors.black,opacity:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDimmer=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),dimmerOpacity={light:{normal:.2,darker:.4},dark:{normal:.56,darker:.8}},AnimatedPressable=react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);exports.BottomSheetDimmer=(0,react_1.forwardRef)(function({open:r,onPress:s},i){const{width:n,height:o}=(0,react_native_1.useWindowDimensions)(),{colorPreference:t}=(0,index_js_1.useColorPreference)(),e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{if(r)return react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal,useNativeDriver:!0,...tds_easings_1.spring.quick}).start(),()=>{requestAnimationFrame(()=>react_native_1.Animated.spring(e,{toValue:0,useNativeDriver:!0,...tds_easings_1.spring.quick}).start())}},[t,e,r]),(0,react_1.useImperativeHandle)(i,()=>({darken:()=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].darker,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},lighten:a=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal*(1-a),useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},reset:()=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()}}),[t,e]),(0,jsx_runtime_1.jsx)(AnimatedPressable,{pointerEvents:r?void 0:"none",onPress:s,style:[styles.container,{opacity:e},{width:n,height:o}]})});const styles=react_native_1.StyleSheet.create({container:{position:"absolute",top:0,left:0,bottom:0,right:0,backgroundColor:tds_colors_1.colors.black,opacity:0}});

package/dist/cjs/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/cjs/components/bottom-sheet/Handle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetHandle=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_1=require("react"),react_native_1=require("react-native");exports.BottomSheetHandle=(0,react_1.memo)(function(){const e=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",height:16,justifyContent:"center",alignItems:"flex-end"},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:48,height:4,borderRadius:4,backgroundColor:e.grey200}})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetHandle=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_1=require("react"),react_native_1=require("react-native");exports.BottomSheetHandle=(0,react_1.memo)(function(){const e=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",height:16,justifyContent:"center",alignItems:"flex-end"},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:48,height:4,borderRadius:4,backgroundColor:e.grey200}})})});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetHeader=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),txt_1=require("../txt"),react_native_1=require("react-native"),core_1=require("../../core");exports.BottomSheetHeader=(0,react_1.memo)(function({children:e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t4",color:t.grey900,style:styles.container,fontWeight:"bold",children:e})});const styles=react_native_1.StyleSheet.create({container:{paddingLeft:24,paddingRight:16,marginTop:4}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetHeader=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),index_js_1=require("../txt/index.js"),react_native_1=require("react-native"),index_js_2=require("../../core/index.js");exports.BottomSheetHeader=(0,react_1.memo)(function({children:e}){const t=(0,index_js_2.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_1.Txt,{typography:"t4",color:t.grey900,style:styles.container,fontWeight:"bold",children:e})});const styles=react_native_1.StyleSheet.create({container:{paddingLeft:24,paddingRight:16,marginTop:4}});

package/dist/cjs/components/bottom-sheet/HeaderContainer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface Props {
     children: ReactNode;
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetHeaderDescription=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt"),react_1=require("react"),react_native_1=require("react-native");exports.BottomSheetHeaderDescription=(0,react_1.memo)(function({children:e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",color:t.grey600,style:styles.container,fontWeight:"regular",children:e})});const styles=react_native_1.StyleSheet.create({container:{paddingTop:8,paddingRight:44,paddingBottom:0,paddingLeft:24}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetHeaderDescription=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js"),react_1=require("react"),react_native_1=require("react-native");exports.BottomSheetHeaderDescription=(0,react_1.memo)(function({children:e}){const t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t6",color:t.grey600,style:styles.container,fontWeight:"regular",children:e})});const styles=react_native_1.StyleSheet.create({container:{paddingTop:8,paddingRight:44,paddingBottom:0,paddingLeft:24}});

package/dist/cjs/components/bottom-sheet/Root.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentType, ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ComponentType, ReactNode } from 'react';
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface RootProps<WrapperProps> {
     open: boolean;
     header?: ReactNode;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetRoot=BottomSheetRoot;const jsx_runtime_1=require("react/jsx-runtime"),react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),react_1=require("react"),react_native_1=require("react-native"),HideAccessibility_1=require("../../core/contexts/HideAccessibility"),index_1=require("../../core/index"),const_1=require("./const"),Container_1=require("./Container"),Dimmer_1=require("./Dimmer"),Handle_1=require("./Handle"),HeaderContainer_1=require("./HeaderContainer"),RenderingAnimation_1=require("./utils/RenderingAnimation");function BottomSheetRoot({open:e,header:t,headerDescription:n,cta:m,disableDimmer:g=!1,children:h,onDimmerClick:_,onClose:c,onExited:x,style:y,wrapper:b=react_native_gesture_handler_1.ScrollView,wrapperProps:C,a11yIncludeHeaderInScroll:j=!0,unstable_disableDragging:S=!1}){const i=(0,HideAccessibility_1.useHideAccessibility)(),r=(0,react_1.useRef)(null),o=(0,react_1.useCallback)(()=>{react_native_1.Keyboard.dismiss(),c?.()},[c]),D=(0,react_1.useCallback)(()=>{r.current?.darken()},[]),f=(0,react_1.useCallback)(()=>{r.current?.lighten(.5)},[]),l=(0,react_1.useCallback)(()=>{r.current?.reset()},[]),q=t!=null?30:0,A=(0,react_1.useMemo)(()=>[t,n].filter(s=>s!=null).length*30,[t,n]),a=(0,index_1.useFontScaleCondition)(const_1.a11yCondition.root)&&j,u=t!=null||n!=null?(0,jsx_runtime_1.jsxs)(HeaderContainer_1.BottomSheetHeaderContainer,{children:[(0,jsx_runtime_1.jsx)(RenderingAnimation_1.BottomSheetRenderingAnimation,{children:t}),(0,jsx_runtime_1.jsx)(RenderingAnimation_1.BottomSheetRenderingAnimation,{delay:q,children:n})]}):null;return(0,react_1.useEffect)(()=>(e?i.activate():i.inactivate(),i.inactivate),[i,e]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{position:"absolute",top:0,left:0,right:0,bottom:0},pointerEvents:e?"auto":"none",onAccessibilityEscape:()=>{o?.()},children:[g?null:(0,jsx_runtime_1.jsx)(Dimmer_1.BottomSheetDimmer,{ref:r,open:e,onPress:()=>{o?.(),_?.()}}),(0,jsx_runtime_1.jsxs)(Container_1.BottomSheetContainer,{open:e,onExited:x,onDraggedUp:D,onDraggedMiddle:l,onDraggedDown:f,onDragToClose:o,onDragFinished:l,style:y,unstable_disableDragging:S,children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(Handle_1.BottomSheetHandle,{}),!a&&u]}),(0,jsx_runtime_1.jsxs)(b,{...C,children:[a&&u,react_1.Children.map(h,(s,d)=>(0,jsx_runtime_1.jsx)(RenderingAnimation_1.BottomSheetRenderingAnimation,{delay:A+d*30,children:s},d))]}),m]})]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetRoot=BottomSheetRoot;const jsx_runtime_1=require("react/jsx-runtime"),react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),react_1=require("react"),react_native_1=require("react-native"),HideAccessibility_js_1=require("../../core/contexts/HideAccessibility.js"),index_js_1=require("../../core/index.js"),const_js_1=require("./const.js"),Container_js_1=require("./Container.js"),Dimmer_js_1=require("./Dimmer.js"),Handle_js_1=require("./Handle.js"),HeaderContainer_js_1=require("./HeaderContainer.js"),RenderingAnimation_js_1=require("./utils/RenderingAnimation.js");function BottomSheetRoot({open:e,header:t,headerDescription:n,cta:m,disableDimmer:j=!1,children:_,onDimmerClick:g,onClose:c,onExited:h,style:x,wrapper:y=react_native_gesture_handler_1.ScrollView,wrapperProps:b,a11yIncludeHeaderInScroll:C=!0,unstable_disableDragging:S=!1}){const i=(0,HideAccessibility_js_1.useHideAccessibility)(),r=(0,react_1.useRef)(null),s=(0,react_1.useCallback)(()=>{react_native_1.Keyboard.dismiss(),c?.()},[c]),D=(0,react_1.useCallback)(()=>{r.current?.darken()},[]),f=(0,react_1.useCallback)(()=>{r.current?.lighten(.5)},[]),l=(0,react_1.useCallback)(()=>{r.current?.reset()},[]),q=t!=null?30:0,A=(0,react_1.useMemo)(()=>[t,n].filter(o=>o!=null).length*30,[t,n]),a=(0,index_js_1.useFontScaleCondition)(const_js_1.a11yCondition.root)&&C,u=t!=null||n!=null?(0,jsx_runtime_1.jsxs)(HeaderContainer_js_1.BottomSheetHeaderContainer,{children:[(0,jsx_runtime_1.jsx)(RenderingAnimation_js_1.BottomSheetRenderingAnimation,{children:t}),(0,jsx_runtime_1.jsx)(RenderingAnimation_js_1.BottomSheetRenderingAnimation,{delay:q,children:n})]}):null;return(0,react_1.useEffect)(()=>(e?i.activate():i.inactivate(),i.inactivate),[i,e]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{position:"absolute",top:0,left:0,right:0,bottom:0},pointerEvents:e?"auto":"none",onAccessibilityEscape:()=>{s?.()},children:[j?null:(0,jsx_runtime_1.jsx)(Dimmer_js_1.BottomSheetDimmer,{ref:r,open:e,onPress:()=>{s?.(),g?.()}}),(0,jsx_runtime_1.jsxs)(Container_js_1.BottomSheetContainer,{open:e,onExited:h,onDraggedUp:D,onDraggedMiddle:l,onDraggedDown:f,onDragToClose:s,onDragFinished:l,style:x,unstable_disableDragging:S,children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(Handle_js_1.BottomSheetHandle,{}),!a&&u]}),(0,jsx_runtime_1.jsxs)(y,{...b,children:[a&&u,react_1.Children.map(_,(o,d)=>(0,jsx_runtime_1.jsx)(RenderingAnimation_js_1.BottomSheetRenderingAnimation,{delay:A+d*30,children:o},d))]}),m]})]})}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetSelect=BottomSheetSelect;const jsx_runtime_1=require("react/jsx-runtime"),checkbox_1=require("../checkbox"),core_1=require("../../core"),pressable_effect_1=require("../../interactions/pressable-effect"),txt_1=require("../txt"),react_native_1=require("react-native"),RenderingAnimation_1=require("./utils/RenderingAnimation");function BottomSheetSelect({options:r,value:s,animation:n,animationDelay:c=0,onChange:a}){const l=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{children:r.map((e,d)=>{const t=e.value===s,i=(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect,{accessibilityState:{selected:t},disabled:e.disabled,onPress:()=>{a(e.value)},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.itemContainer,children:[(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:l.grey700,typography:"t5",fontWeight:"medium",children:e.name}),!e.hideUnCheckedCheckBox||t?(0,jsx_runtime_1.jsx)(checkbox_1.Checkbox.Line,{importantForAccessibility:"no-hide-descendants",accessibilityElementsHidden:!0,checked:t,disabled:e.disabled,size:24,style:{width:24,height:24}}):null]})},e.value);return n?(0,jsx_runtime_1.jsx)(RenderingAnimation_1.BottomSheetRenderingAnimation,{delay:c+30*d,children:i},e.value):i})})}const styles=react_native_1.StyleSheet.create({itemContainer:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:16,paddingHorizontal:24,borderRadius:12}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetSelect=BottomSheetSelect;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../checkbox/index.js"),index_js_2=require("../../core/index.js"),index_js_3=require("../../interactions/pressable-effect/index.js"),index_js_4=require("../txt/index.js"),react_native_1=require("react-native"),RenderingAnimation_js_1=require("./utils/RenderingAnimation.js");function BottomSheetSelect({options:s,value:n,animation:r,animationDelay:c=0,onChange:d}){const a=(0,index_js_2.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{children:s.map((e,l)=>{const t=e.value===n,i=(0,jsx_runtime_1.jsx)(index_js_3.PressableEffect,{accessibilityState:{selected:t},disabled:e.disabled,onPress:()=>{d(e.value)},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.itemContainer,children:[(0,jsx_runtime_1.jsx)(index_js_4.Txt,{color:a.grey700,typography:"t5",fontWeight:"medium",children:e.name}),!e.hideUnCheckedCheckBox||t?(0,jsx_runtime_1.jsx)(index_js_1.Checkbox.Line,{importantForAccessibility:"no-hide-descendants",accessibilityElementsHidden:!0,checked:t,disabled:e.disabled,size:24,style:{width:24,height:24}}):null]})},e.value);return r?(0,jsx_runtime_1.jsx)(RenderingAnimation_js_1.BottomSheetRenderingAnimation,{delay:c+30*l,children:i},e.value):i})})}const styles=react_native_1.StyleSheet.create({itemContainer:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:16,paddingHorizontal:24,borderRadius:12}});

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { SingleCTAProps, DoubleCTAProps } from './CTA';
-import { HeaderProps } from './Header';
-import { HeaderDescriptionProps } from './HeaderDescription';
-import { RootProps } from './Root';
-import { SelectProps } from './Select';
+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';
 export type { SingleCTAProps, DoubleCTAProps, HeaderProps, HeaderDescriptionProps, RootProps, SelectProps };

package/dist/cjs/components/bottom-sheet/utils/CTAAnimation.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 Props {
     children: ReactNode;
     style?: StyleProp<ViewStyle>;

package/dist/cjs/components/bottom-sheet/utils/GestureBoundary.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface Props {
     children: ReactNode;
 }

package/dist/cjs/components/bottom-sheet/utils/RenderingAnimation.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface Props {
     delay?: number;
     children: ReactNode;

package/dist/cjs/components/button/Button.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from 'react';
-import { PressableProps, StyleProp, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import { View } from 'react-native';
 export interface ButtonProps extends Omit<PressableProps, 'style'> {
     /**
      * `Button` 컴포넌트 내부에 표시될 내용을 지정해요.

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Button=exports.containerStylesBySize=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../core/index"),index_2=require("../../interactions/animated/index"),index_3=require("../gradient/index"),txt_1=require("../txt"),BaseButton=(0,react_1.forwardRef)(function({children:r,onPress:t,size:i="big",style:s="fill",display:l="inline",disabled:n=!1,loading:a=!1,viewStyle:o,color:u,containerStyle:A,textStyle:k,pointerEvents:y=void 0,leftAccessory:V,onPressIn:p,onPressOut:b},D){const d=(0,index_1.useTheme)(),f=useLoadersAnimation(),g=s==="weak"?{backgroundColor:d.token.button.backgroundWeakColor,textColor:d.token.button.textWeakColor,dimColor:d.token.button.dimWeakColor,gradientStartColor:d.token.button.gradientStartWeakColor,gradientEndColor:d.token.button.gradientEndWeakColor,loaderColor:d.token.button.loaderWeakColor}:{backgroundColor:d.token.button.backgroundFillColor,textColor:d.token.button.textFillColor,dimColor:d.token.button.dimFillColor,gradientStartColor:d.token.button.gradientStartFillColor,gradientEndColor:d.token.button.gradientEndFillColor,loaderColor:d.token.button.loaderFillColor},v=!(n||a),[h,q]=(0,react_1.useState)(!1),x=(0,react_1.useCallback)(m=>{p?.(m),v!==!1&&q(!0)},[p,v]),C=(0,react_1.useCallback)(m=>{b?.(m),v!==!1&&q(!1)},[b,v]),c=useButtonAnimation({style:s,display:l});(0,react_1.useEffect)(()=>{if(h){c.controller.pressed.start();return}if(a&&f.controller.loader.start(),a&&n){c.controller.loadingWhileDisabled.start();return}if(a&&!n){c.controller.loading.start();return}if(!a&&n){c.controller.disabled.start();return}c.controller.default.start()},[a,n,c.controller,f.controller,h]);const N=react_1.Children.map(r,(m,S)=>typeof m=="string"||typeof m=="number"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:typographyBySize[i],color:u??g.textColor,style:k,fontWeight:"semibold",children:m}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:m},S));return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",accessibilityState:{disabled:n},onPress:v?t:void 0,pointerEvents:y,onPressIn:x,onPressOut:C,style:[vierStyleByDislpay[l],o],ref:D,children:(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{ref:D,style:[exports.containerStylesBySize.base,exports.containerStylesBySize[i],containerStylesByDisplay[l],c.style.container,A],children:[(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.backgroundColor},c.style.background]}),(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{style:[{flexDirection:"row",alignItems:"center"},c.style.text],children:[V,N]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},c.style.gradient],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:"110%",aspectRatio:1},children:(0,jsx_runtime_1.jsx)(index_3.RadialGradient,{colors:[g.gradientStartColor,g.gradientEndColor]})})}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},c.style.loader],children:(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{style:{flexDirection:"row",gap:7},children:[(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader1]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader2]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader3]})]})}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.dimColor},c.style.dim]})]})})});exports.containerStylesBySize=react_native_1.StyleSheet.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 vierStyleByDislpay=react_native_1.StyleSheet.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),containerStylesByDisplay=react_native_1.StyleSheet.create({inline:{},block:{},full:{borderRadius:0}});function useLoaderAnimation(){const e=(0,react_native_1.useAnimatedValue)(.2),r=(0,react_native_1.useAnimatedValue)(.8),t=(0,react_1.useCallback)(()=>index_2.Animated.parallel([index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(e,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_2.Animated.timing(e,{toValue:.2,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})])),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(r,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_2.Animated.timing(r,{toValue:.8,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})]))]),[e,r]);return(0,react_1.useMemo)(()=>({style:{loader:{opacity:e,transform:[{scale:r}]}},controller:{create:t}}),[e,r,t])}function useLoadersAnimation(){const e=useLoaderAnimation(),r=useLoaderAnimation(),t=useLoaderAnimation(),i=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.sequence([e.controller.create()]),index_2.Animated.sequence([index_2.Animated.delay(100),r.controller.create()]),index_2.Animated.sequence([index_2.Animated.delay(200),t.controller.create()])]),[e.controller,r.controller,t.controller]);return(0,react_1.useMemo)(()=>({style:{loader1:e.style.loader,loader2:r.style.loader,loader3:t.style.loader},controller:{loader:{...i,start:()=>{i.reset(),i.start()}}}}),[e.style.loader,r.style.loader,t.style.loader,i])}function useButtonAnimation({style:e,display:r}){const t=(0,react_native_1.useAnimatedValue)(1),i=(0,react_native_1.useAnimatedValue)(1),s=(0,react_native_1.useAnimatedValue)(1),l=(0,react_native_1.useAnimatedValue)(1),n=(0,react_native_1.useAnimatedValue)(1),a=(0,react_native_1.useAnimatedValue)(0),o=(0,react_native_1.useAnimatedValue)(0),u=(0,react_native_1.useAnimatedValue)(0),A=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(l,{toValue:1,...tds_easings_1.spring.quick,delay:100,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,a,o,u,l,n]),k=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:.26,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),r==="inline"?index_2.Animated.spring(i,{toValue:.96,...tds_easings_1.spring.rapid,useNativeDriver:!1}):index_2.Animated.spring(n,{toValue:.96,...tds_easings_1.spring.rapid,useNativeDriver:!1})]),[s,i,a,r,o,n]),y=(0,react_1.useMemo)(()=>(o.setValue(0),index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:.13,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(o,{toValue:e==="fill"?.7:.24,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1}),index_2.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1})])),index_2.Animated.spring(l,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,a,o,u,e,l,n]),V=(0,react_1.useMemo)(()=>(o.setValue(0),index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:e==="fill"?.26:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(o,{toValue:e==="fill"?.2:.14,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1}),index_2.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1})])),index_2.Animated.spring(l,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:e==="fill"?.7:.3,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,a,o,u,e,l,n]),p=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(l,{toValue:e==="fill"?1:.38,...tds_easings_1.spring.quick,delay:100,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:e==="fill"?.26:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,a,o,u,e,l,n]);return(0,react_1.useMemo)(()=>({style:{container:{opacity:t,transform:[{scale:i}]},background:{opacity:s},text:{opacity:l,transform:[{scale:n}]},dim:{opacity:a},gradient:{opacity:o},loader:{opacity:u}},controller:{default:A,pressed:k,loading:y,loadingWhileDisabled:V,disabled:p}}),[s,t,i,A,a,p,o,u,y,V,k,l,n])}const typographyBySize={tiny:"t7",medium:"t6",large:"st9",big:"st9"},ColorByType={danger:tds_colors_1.colors.red500,light:tds_colors_1.colors.whiteOpacity900,dark:tds_colors_1.colors.grey700};exports.Button=(0,react_1.forwardRef)(function({type:r,...t},i){const s=(0,react_1.useMemo)(()=>r===void 0||r==="primary"?{}:{color:{primary:ColorByType[r]}},[r]);return(0,jsx_runtime_1.jsx)(index_1.ThemeProvider,{token:s,children:(0,jsx_runtime_1.jsx)(BaseButton,{...t,ref:i})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Button=exports.containerStylesBySize=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../../interactions/animated/index.js"),index_js_3=require("../gradient/index.js"),index_js_4=require("../txt/index.js"),BaseButton=(0,react_1.forwardRef)(function({children:r,onPress:t,size:i="big",style:s="fill",display:l="inline",disabled:n=!1,loading:a=!1,viewStyle:o,color:u,containerStyle:A,textStyle:y,pointerEvents:k=void 0,leftAccessory:V,onPressIn:p,onPressOut:b,...D},h){const d=(0,index_js_1.useTheme)(),f=useLoadersAnimation(),g=s==="weak"?{backgroundColor:d.token.button.backgroundWeakColor,textColor:d.token.button.textWeakColor,dimColor:d.token.button.dimWeakColor,gradientStartColor:d.token.button.gradientStartWeakColor,gradientEndColor:d.token.button.gradientEndWeakColor,loaderColor:d.token.button.loaderWeakColor}:{backgroundColor:d.token.button.backgroundFillColor,textColor:d.token.button.textFillColor,dimColor:d.token.button.dimFillColor,gradientStartColor:d.token.button.gradientStartFillColor,gradientEndColor:d.token.button.gradientEndFillColor,loaderColor:d.token.button.loaderFillColor},v=!(n||a),[q,x]=(0,react_1.useState)(!1),C=(0,react_1.useCallback)(m=>{p?.(m),v!==!1&&x(!0)},[p,v]),N=(0,react_1.useCallback)(m=>{b?.(m),v!==!1&&x(!1)},[b,v]),c=useButtonAnimation({style:s,display:l});(0,react_1.useEffect)(()=>{if(q){c.controller.pressed.start();return}if(a&&f.controller.loader.start(),a&&n){c.controller.loadingWhileDisabled.start();return}if(a&&!n){c.controller.loading.start();return}if(!a&&n){c.controller.disabled.start();return}c.controller.default.start()},[a,n,c.controller,f.controller,q]);const j=react_1.Children.map(r,(m,S)=>typeof m=="string"||typeof m=="number"?(0,jsx_runtime_1.jsx)(index_js_4.Txt,{typography:typographyBySize[i],color:u??g.textColor,style:y,fontWeight:"semibold",children:m}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:m},S));return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",onPress:v?t:void 0,pointerEvents:k,onPressIn:C,onPressOut:N,style:[vierStyleByDislpay[l],o],ref:h,...D,accessibilityState:{disabled:n,...D.accessibilityState},children:(0,jsx_runtime_1.jsxs)(index_js_2.Animated.View,{ref:h,style:[exports.containerStylesBySize.base,exports.containerStylesBySize[i],containerStylesByDisplay[l],c.style.container,A],children:[(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.backgroundColor},c.style.background]}),(0,jsx_runtime_1.jsxs)(index_js_2.Animated.View,{style:[{flexDirection:"row",alignItems:"center"},c.style.text],children:[V,j]}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},c.style.gradient],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:"110%",aspectRatio:1},children:(0,jsx_runtime_1.jsx)(index_js_3.RadialGradient,{colors:[g.gradientStartColor,g.gradientEndColor]})})}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},c.style.loader],children:(0,jsx_runtime_1.jsxs)(index_js_2.Animated.View,{style:{flexDirection:"row",gap:7},children:[(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader1]}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader2]}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader3]})]})}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.dimColor},c.style.dim]})]})})});exports.containerStylesBySize=react_native_1.StyleSheet.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 vierStyleByDislpay=react_native_1.StyleSheet.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),containerStylesByDisplay=react_native_1.StyleSheet.create({inline:{},block:{},full:{borderRadius:0}});function useLoaderAnimation(){const e=(0,react_native_1.useAnimatedValue)(.2),r=(0,react_native_1.useAnimatedValue)(.8),t=(0,react_1.useCallback)(()=>index_js_2.Animated.parallel([index_js_2.Animated.loop(index_js_2.Animated.sequence([index_js_2.Animated.timing(e,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_js_2.Animated.timing(e,{toValue:.2,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})])),index_js_2.Animated.loop(index_js_2.Animated.sequence([index_js_2.Animated.timing(r,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_js_2.Animated.timing(r,{toValue:.8,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})]))]),[e,r]);return(0,react_1.useMemo)(()=>({style:{loader:{opacity:e,transform:[{scale:r}]}},controller:{create:t}}),[e,r,t])}function useLoadersAnimation(){const e=useLoaderAnimation(),r=useLoaderAnimation(),t=useLoaderAnimation(),i=(0,react_1.useMemo)(()=>index_js_2.Animated.parallel([index_js_2.Animated.sequence([e.controller.create()]),index_js_2.Animated.sequence([index_js_2.Animated.delay(100),r.controller.create()]),index_js_2.Animated.sequence([index_js_2.Animated.delay(200),t.controller.create()])]),[e.controller,r.controller,t.controller]);return(0,react_1.useMemo)(()=>({style:{loader1:e.style.loader,loader2:r.style.loader,loader3:t.style.loader},controller:{loader:{...i,start:()=>{i.reset(),i.start()}}}}),[e.style.loader,r.style.loader,t.style.loader,i])}function useButtonAnimation({style:e,display:r}){const t=(0,react_native_1.useAnimatedValue)(1),i=(0,react_native_1.useAnimatedValue)(1),s=(0,react_native_1.useAnimatedValue)(1),l=(0,react_native_1.useAnimatedValue)(1),n=(0,react_native_1.useAnimatedValue)(1),a=(0,react_native_1.useAnimatedValue)(0),o=(0,react_native_1.useAnimatedValue)(0),u=(0,react_native_1.useAnimatedValue)(0),A=(0,react_1.useMemo)(()=>index_js_2.Animated.parallel([index_js_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(l,{toValue:1,...tds_easings_1.spring.quick,delay:100,useNativeDriver:!1}),index_js_2.Animated.spring(u,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,a,o,u,l,n]),y=(0,react_1.useMemo)(()=>index_js_2.Animated.parallel([index_js_2.Animated.spring(a,{toValue:.26,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),r==="inline"?index_js_2.Animated.spring(i,{toValue:.96,...tds_easings_1.spring.rapid,useNativeDriver:!1}):index_js_2.Animated.spring(n,{toValue:.96,...tds_easings_1.spring.rapid,useNativeDriver:!1})]),[s,i,a,r,o,n]),k=(0,react_1.useMemo)(()=>(o.setValue(0),index_js_2.Animated.parallel([index_js_2.Animated.spring(a,{toValue:.13,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.loop(index_js_2.Animated.sequence([index_js_2.Animated.timing(o,{toValue:e==="fill"?.7:.24,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1}),index_js_2.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1})])),index_js_2.Animated.spring(l,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(u,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,a,o,u,e,l,n]),V=(0,react_1.useMemo)(()=>(o.setValue(0),index_js_2.Animated.parallel([index_js_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(s,{toValue:e==="fill"?.26:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.loop(index_js_2.Animated.sequence([index_js_2.Animated.timing(o,{toValue:e==="fill"?.2:.14,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1}),index_js_2.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1})])),index_js_2.Animated.spring(l,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(u,{toValue:e==="fill"?.7:.3,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,a,o,u,e,l,n]),p=(0,react_1.useMemo)(()=>index_js_2.Animated.parallel([index_js_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(l,{toValue:e==="fill"?1:.38,...tds_easings_1.spring.quick,delay:100,useNativeDriver:!1}),index_js_2.Animated.spring(u,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(t,{toValue:e==="fill"?.26:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_js_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,a,o,u,e,l,n]);return(0,react_1.useMemo)(()=>({style:{container:{opacity:t,transform:[{scale:i}]},background:{opacity:s},text:{opacity:l,transform:[{scale:n}]},dim:{opacity:a},gradient:{opacity:o},loader:{opacity:u}},controller:{default:A,pressed:y,loading:k,loadingWhileDisabled:V,disabled:p}}),[s,t,i,A,a,p,o,u,k,V,y,l,n])}const typographyBySize={tiny:"t7",medium:"t6",large:"st9",big:"st9"},ColorByType={danger:tds_colors_1.colors.red500,light:tds_colors_1.colors.whiteOpacity900,dark:tds_colors_1.colors.grey700};exports.Button=(0,react_1.forwardRef)(function({type:r,...t},i){const s=(0,react_1.useMemo)(()=>r===void 0||r==="primary"?{}:{color:{primary:ColorByType[r]}},[r]);return(0,jsx_runtime_1.jsx)(index_js_1.ThemeProvider,{token:s,children:(0,jsx_runtime_1.jsx)(BaseButton,{...t,ref:i})})});

package/dist/cjs/components/button/index.d.ts

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

package/dist/cjs/components/button/index.js

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